Upload
michael-bush
View
122
Download
3
Tags:
Embed Size (px)
DESCRIPTION
Citation preview
A featured item hereBranding Image to communicate what the brand is
all about
Featured Item with mass appeal
"Check out our sale"
Scholarship Program
Site CategoriesGirlsBoysAccessoriesSale
Your OrderShipping InfoReturn PolicyYour Cart
Administrators
Talk with a Representative See our CatalogAdministrator Portal
About True SpiritCompany HistoryCareersScholarship ProgramNews Room
Homepage
e.g. Portland, OREnter your school's city and state
Go
Find your school& get your shopping list
Girls Boys Gear Sale Search
Sign In
Main call to action opens up model to locate the correct
school, student's age and gender.
A featured item hereBranding Image/Promotional Image to communicate what
the brand is all about
Featured Item with mass appeal
"Check out our sale"
Scholarship Program
Site CategoriesGirlsBoysAccessoriesSale
Your OrderShipping InfoReturn PolicyYour Cart
Administrators
Talk with a Representative See our CatalogAdministrator Portal
About True SpiritCompany HistoryCareersScholarship ProgramNews Room
Homepage Girls
e.g. Portland, OREnter your school's city and state
Go
Find your school& get your shopping list
Girls Boys Gear Sale Search
Sign In
Girls
TopsFormal ShirtsT ShirtsSweatersTank Tops
BottomsLeggingsSkirtsShortsGym ShortsPants
OuterwearJacketsHoodies
AccessoriesBeltsHeadbandsSocks
Fly-outs appear on hover.
A featured item hereBranding Image/Promotional Image to communicate what
the brand is all about
Featured Item with mass appeal
"Check out our sale"
Scholarship Program
Site CategoriesGirlsBoysAccessoriesSale
Your OrderShipping InfoReturn PolicyYour Cart
Administrators
Talk with a Representative See our CatalogAdministrator Portal
About True SpiritCompany HistoryCareersScholarship ProgramNews Room
Homepage Boys
e.g. Portland, OREnter your school's city and state
Go
Find your school& get your shopping list
Girls Boys Gear Sale Search
Sign In
TopsFormal ShirtsT ShirtsSweatersTank TopsPolos
BottomsPantsShortsGym Shorts
OuterwearJacketsHoodies
AccessoriesBeltsSocksGloves
Boys
A featured item hereBranding Image/Promotional Image to communicate what
the brand is all about
Featured Item with mass appeal
"Check out our sale"
Scholarship Program
Site CategoriesGirlsBoysAccessoriesSale
Your OrderShipping InfoReturn PolicyYour Cart
Administrators
Talk with a Representative See our CatalogAdministrator Portal
About True SpiritCompany HistoryCareersScholarship ProgramNews Room
Homepage Gear
e.g. Portland, OREnter your school's city and state
Go
Find your school& get your shopping list
Girls Boys Gear Sale Search
Sign In
Gear
BackpacksSchool Logo MerchandiseSchool Mascot Plush ToysSchool Logo T ShirtsiPhone CasesSchool Logo Hoodies
A featured item hereBranding Image/Promotional Image to communicate what
the brand is all about
Featured Item with mass appeal
"Check out our sale"
Scholarship Program
Enter your school's city and
state
Go
Find your school
Site CategoriesGirlsBoysAccessoriesSale
Your OrderShipping InfoReturn PolicyYour Cart
Administrators
Talk with a Representative See our CatalogAdministrator Portal
About True SpiritCompany HistoryCareersScholarship ProgramNews Room
Homepage Student Details
Get your shopping list
Get my shopping list!
Below are our partner schools in San Francisco, CA
Select your student's school
x
Girl clothes
Are you shopping for girl or boy clothes?
Boy clothes
What grade is your student in?
Select ▼
Atherton Schools Image
St. Luke's Academy Image
Summit Academy Image
Truman Academy Image
Can't find the right school?
+ Add a student
Girls Boys Gear Sale Search
Sign In
Scroll bar
Switches to an advanced search modal, with
various search options
Options limited by school choice above.
Opens a new modal to enter in another student's
info.
A featured item hereBranding Image/Promotional Image to communicate what
the brand is all about
Featured Item with mass appeal
"Check out our sale"
Scholarship Program
Enter your school's city and
state
Go
Find your school
Site CategoriesGirlsBoysAccessoriesSale
Your OrderShipping InfoReturn PolicyYour Cart
Administrators
Talk with a Representative See our CatalogAdministrator Portal
About True SpiritCompany HistoryCareersScholarship ProgramNews Room
Homepage List 2
Girls Boys Gear Sale Search
Sign In5
My Shopping List (5 items)
OK
Pants See approved options
Image ▶(remove)
Running Shorts See approved options
Image ▶(remove)
Polo Shirt See approved options
Image ▶(remove)
Dress Shirt See approved options
Image ▶(remove)
School Hoodie See approved options
Image ▶(remove)
St. Lukes AcademyGrade 10Boys clothes (edit)
Required items for:
add a student
Ideally, this fly-out would have an animation to make it clear this is accessible when you click the list
icon.
School's logo
Edit button returns user to a modified version of the previous modal screen
Each option takes user to a product category page,
filtered to only their school's approved options
links allow users to remove items from their shopping
list
closes out fly-out, shows a new version of the home
screen specific to the user's school
Home ▶ Boys ▶ St. Luke's Approved Dress Shirts
Promotional Image that indicates the category, clothing quality and fashionability
Product 1$52
Product 2$65
Product 3$72
Product 4$65
Product 5$69
Product 6$55
1 2 3 4 Next ▶
1 2 3 4 Next ▶
Refine By
Size S (8-10) M (10-12) L (14-16) XL (18-20)
Fabric Broad Cloth Chambray End on End Oxford Cloth
Site CategoriesGirlsBoysAccessoriesSale
Your OrderShipping InfoReturn PolicyYour Cart
Administrators
Talk with a Representative See our CatalogAdministrator Portal
About True SpiritCompany HistoryCareersScholarship ProgramNews Room
Product category
Girls Boys Gear Sale Search
Sign In
St. Luke's Approved Dress Shirts
Color White Blue Gray Pink Green
5
Filter would be specific to the product category
Details
Choose Color
Return Policy
Oxford Shirt$60.99Product # 12345678
You might also like:Shipping Info
Choose Size
S (8-10) M (10-12)
Add to Bag
See Size Chart
Few shirts age better than an oxford. The frays,
the fades—these are the kinds of detai ls we love.
That being the case, we branched out from classic
f i t to something a bit more modern.
Goes well with:
Product Details
L (14-16) XL (18-20)
John Doe, St. Luke's Academy
This Oxford shirt has a really hip cut to it that my son loved. He ended up wearing it so much that I purchased an extra two. I'd highly recommend purchasing more than one.
3 hours ago
Helpful Tips:
John Doe, St. Luke's Academy
Nullam libero purus, eleifend vitae mattis sed, sodales euismod orci. Nam eget odio vel risus malesuada vehicula. Pellentesque tincidunt, purus eget cursus pretium.
3 hours ago
add a helpful tip
Home ▶ Boys ▶ St. Luke's Approved Dress Shirts ▶ Oxford Shirt
Girls Boys Gear Sale Search
Sign In
Site CategoriesGirlsBoysAccessoriesSale
Your OrderShipping InfoReturn PolicyYour Cart
Administrators
Talk with a Representative See our CatalogAdministrator Portal
About True SpiritCompany HistoryCareersScholarship ProgramNews Room
Alternate Views
5
Approved by St. Luke's
Product Page
Color of seal would ideally match the dominant color of the school's logo.
Image magnifies on hover
Opens sizing modal
Clicking on the user ratings anchors user to "Helpful Tips"
section below.
If not signed-in, link takes user to sign-in/up page. Then
returns user to this page and opens a modal to enter a
helpful tip.
Details
Choose Color
Return Policy
Oxford Shirt$60.99Product # 12345678
You might also like:Shipping Info
Choose Size
S (8-10) M (10-12)
Added to Bag
See Size Chart
Few shirts age better than an oxford. The frays,
the fades—these are the kinds of detai ls we love.
That being the case, we branched out from classic
f i t to something a bit more modern.
Would go well with:
Product Details
L (14-16) XL (18-20)
John Doe, St. Luke's Academy
This Oxford shirt has a really hip cut to it that my son loved. He ended up wearing it so much that I purchased an extra two. I'd highly recommend purchasing more than one.
3 hours ago
Helpful Tips:
John Doe, St. Luke's Academy
Nullam libero purus, eleifend vitae mattis sed, sodales euismod orci. Nam eget odio vel risus malesuada vehicula. Pellentesque tincidunt, purus eget cursus pretium.
3 hours ago
add a helpful tip
Girls Boys Gear Sale Search
Sign In
Site CategoriesGirlsBoysAccessoriesSale
Your OrderShipping InfoReturn PolicyYour Cart
Administrators
Talk with a Representative See our CatalogAdministrator Portal
About True SpiritCompany HistoryCareersScholarship ProgramNews Room
Alternate Views
3 1
$ 60.99Size: Large
Quantity: 1 Color: Burgundy
Product Name
$ 60.99
Go to CheckoutContinue Shopping
Approved by St. Luke's
Home ▶ Boys ▶ St. Luke's Approved Dress Shirts ▶ Oxford Shirt
Product Page 2
Button fades
When approved item is added to the bag, the
number in the checklist goes down, while the number in
the bag goes up.
Shopping Bag
Product Name$ 60
1 ▼
Size: Large
Quantity:
Bag Summary
Items total $ 121.98Est. Tax $ 13.02
Est. Total: $ 150.00
Est. Shipping $ 15.00
Checkout
Color: Burgundy
Product Name$ 60
1 ▼
Size: Large
Quantity:
Color: Burgundy
- or -
You might also like:
We make returns easylearn more
See shipping options
EditDelete
Girls Boys Gear Sale Search
Sign In
Site CategoriesGirlsBoysAccessoriesSale
Your OrderShipping InfoReturn PolicyYour Cart
Administrators
Talk with a Representative See our CatalogAdministrator Portal
About True SpiritCompany HistoryCareersScholarship ProgramNews Room
EditDelete
$60.99 x 1 = $60.99
$60.99 x 1 = $60.99
< Return to Shop
3
SubmitEnter your promotional code:
Shopping Bag
Opens edit options on same page
Opens a confirmation modal
Ideally freely editable, with real-
time updating
Goes to sign-in page
Clicking submit keeps user on
same page, but updates info.
Both open modals.
Shopping Bag
Product Name$ 60.99
1 ▼
Size:
Quantity:
$60.99 x 1 = $60.99 Bag Summary
Checkout
Color:
Product Name$ 60
1 ▼
Size: Large
Quantity:
Color: Burgundy
- or -
We make returns easylearn more
See shipping options
Delete
EditDelete
Girls Boys Gear Sale Search
Sign In
S (8-10) M (10-12) L (14-16) XL (18-20)
Update Item
Checkout
$60.99 x 1 = $60.99
Items total $ 121.98Est. Tax $ 13.02
Est. Total: $ 150.00
Est. Shipping $ 15.00
< Return to Shop
3
You might also like:
Site CategoriesGirlsBoysAccessoriesSale
Your OrderShipping InfoReturn PolicyYour Cart
Administrators
Talk with a Representative See our CatalogAdministrator Portal
About True SpiritCompany HistoryCareersScholarship ProgramNews Room
SubmitEnter your promotional code:
Shopping Bag Edit
Girls Boys Gear Sale Search
Sign In
Site CategoriesGirlsBoysAccessoriesSale
Your OrderShipping InfoReturn PolicyYour Cart
Administrators
Talk with a Representative See our CatalogAdministrator Portal
About True SpiritCompany HistoryCareersScholarship ProgramNews Room
3
Have an Account with True Spirit?
Password
Sign In
Proceed as a New Customer
Next
< Return to Shopping Bag
Sign In
Proceeds to one-click checkout
page
Forgot your password?
Allows users to send a password-update link to their
email address
Bag Summary
Items total
$ 60.99
Tax $ 13.02
Total: $ 150.00
3 - 6 business days
$ 15.00
Full Name
1. Shipping Address 2. Billing Info 3. Thank You!
Shipping Address
Street Address
Zip Code
We'll use your zip cod to find your city & state
Next
Shipping Options
Standard Shipping $ 15
Shipping
2 - 3 business daysExpedited Shipping $ 20
Girls Boys Gear Sale Search
Sign In
Site CategoriesGirlsBoysAccessoriesSale
Your OrderShipping InfoReturn PolicyYour Cart
Administrators
Talk with a Representative See our CatalogAdministrator Portal
About True SpiritCompany HistoryCareersScholarship ProgramNews Room
Product Name
$ 60.99Product Name
$ 121.98
< Return to Bag
3
Shipping
Selection will update bag summary in
real-time.
Bag summary is sticky, and remains
visible no matter where you scroll.
Entering zip code automatically populates a city/state text field to
the righ.
Michael Bush
Name on Card
1. Shipping Address 2. Billing Info 3. Thank You!
Billing Address
19070 NW Northshore Ct.
Street Address
97229
Zip Code
Confirm and Pay
Name on Card
Card Info
Card Number
MM ▼ YY ▼
Expiration Date
Security Code (?)
My billing address is the same as my shipping address
Portland, OR ▼
City & State
Create Your AccountZoom through your next checkout
Email Address
Create Password
Girls Boys Gear Sale Search
Sign In
Site CategoriesGirlsBoysAccessoriesSale
Your OrderShipping InfoReturn PolicyYour Cart
Administrators
Talk with a Representative See our CatalogAdministrator Portal
About True SpiritCompany HistoryCareersScholarship ProgramNews Room
Bag Summary
Items total
$ 60.99
Tax $ 13.02
Total: $ 150.00
$ 15.00Shipping
Product Name
$ 60.99Product Name
$ 121.98
3
Billing
Faded cards indicate which are accepted. When card
number is entered, the corresponding card-type
lights up.
Bag summary is sticky, and remains
visible no matter where you scroll.
Your purchase went through. Thank you for your order!
$ 60.99
Size: Large
Quantity: 1 Color: Burgundy
Product Name $ 60.99
Size: Large
Quantity: 1 Color: Burgundy
Michael Bush
19070 NW Northshore Ct.
Portland, OR 97229
Billing Address
Michael Bush
19070 NW Northshore Ct.
Portland, OR 97229
Product Name
Master Card
XXXX XXXX XXXX 2345
Billing Info
December 12th - 15th
Continue Shopping
Subtotal: $121.98Tax: $13.02
Total: $150.00
Shipping: $15.00
Your order will be sent to:
And will arrive on:
An email receipt was sent to: [email protected]
Girls Boys Gear Sale Search
Sign In
Site CategoriesGirlsBoysAccessoriesSale
Your OrderShipping InfoReturn PolicyYour Cart
Administrators
Talk with a Representative See our CatalogAdministrator Portal
About True SpiritCompany HistoryCareersScholarship ProgramNews Room
3
Reciept Page