True spiritmaster

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



Scholarship Program



Administrators



Homepage Girls


Go



Sign In

Girls

TopsFormal ShirtsT ShirtsSweatersTank Tops

BottomsLeggingsSkirtsShortsGym ShortsPants

OuterwearJacketsHoodies

AccessoriesBeltsHeadbandsSocks

Fly-outs appear on hover.





Scholarship Program



Administrators



Homepage Boys


Go



Sign In

TopsFormal ShirtsT ShirtsSweatersTank TopsPolos

BottomsPantsShortsGym Shorts

OuterwearJacketsHoodies

AccessoriesBeltsSocksGloves

Boys





Scholarship Program



Administrators



Homepage Gear


Go



Sign In

Gear

BackpacksSchool Logo MerchandiseSchool Mascot Plush ToysSchool Logo T ShirtsiPhone CasesSchool Logo Hoodies





Scholarship Program

Enter your school's city and

state

Go

Find your school



Administrators



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


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.





Scholarship Program

Enter your school's city and

state

Go

Find your school



Administrators



Homepage List 2


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



Administrators



Product category


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:


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


Sign In



Administrators



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)


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:


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


Sign In



Administrators



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


Sign In



Administrators



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


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:



Administrators



SubmitEnter your promotional code:

Shopping Bag Edit


Sign In



Administrators



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


Sign In



Administrators



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


Sign In



Administrators



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


Product Name $ 60.99

Size: Large


Michael Bush


Portland, OR 97229

Billing Address

Michael Bush


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]


Sign In



Administrators



3

Reciept Page

True spiritmaster

Design

Transcript of True spiritmaster