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?

Email

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: michaelf@gmail.com

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