For a very demanding market of schools and parents who are expecting to find the right clothing for their children uniforms, 
True Spirit is a new and very specialized eCommerce retailer that brings fashionable and fresh looks.

1. eCommerce Desktop website
Project 2
uxpolas.tumblr.com

2. TrueSpirit//eCommerce Desktop website
Description
For a very demanding market of schools
and parents who are expecting to find the
right clothing for their children uniforms,
True Spirit is a new and very specialized
eCommerce retailer that brings fashionable
and fresh looks.
Project 2

3. TrueSpirit//eCommerce Desktop website
Project 2
User Personas
“I want our
family to fit in.”
“Clothing should be
reasonably priced.”
“I want to make sure
the parents’ needs are met,
alongside admin. goals.”

4. Project 2
TrueSpirit//eCommerce Desktop website
User Goals
efficiency
fit in
Sarah
efficiency
John
feel
comfortable
feel
comfortable
save
money
efficiency
Jess
feel
comfortable
save
money

5. Project 2
TrueSpirit//eCommerce Desktop website
User Goals
%
Brand Goals
efficiency
30%
communicative
service
feel comfortable
30%
be pragmatic
30%
show a
clear path
10%
be fashionable/
aspirational
Business Goals
save money
fit in
sell more
price oriented

6. TrueSpirit//eCommerce Desktop website
Project 2
Ideation Process/1st Iteration
Card Sorting

7. TrueSpirit//eCommerce Desktop website
Project 2
Ideation Process/1st Iteration
Sitemap

8. TrueSpirit//eCommerce Desktop website
Project 2
Ideation Process/1st Iteration
Concept-modeling the User

9. TrueSpirit//eCommerce Desktop website
Project 2
Ideation Process/1st Iteration
Sitemap vs User Flow

10. TrueSpirit//eCommerce Desktop website
Project 2
Ideation Process/2nd Iteration
Wireframe vs Sitemap vs User Flow

11. TrueSpirit//eCommerce Desktop website
Project 2
Ideation Process/3nd Iteration
Wireframe vs User Flow

12. TrueSpirit//eCommerce Desktop website
Project 2
Ideation Process/Steal Peers’ Ideas
Wireframes

13. TrueSpirit//eCommerce Desktop website
Project 2
Ideation Process/Omnigraffle Phase
Omnigraffle Wireframes

14. TrueSpirit//eCommerce Desktop website
Project 2
Ideation Process/Usability Testing
Two mellow girls

15. Project 2
TrueSpirit//eCommerce Desktop website
Ideation Process/Usability Testing
Yeah, right!

16. Project 2
TrueSpirit//eCommerce Desktop website
Sitemap/Primary Navigation
Home
Boys
Girls
Backpacks
Sweaters
Sort
Size
Color
Sale
View
Polo Shirts
Formal Shirts
Tops
Sweaters
Polo Shirts
Formal Shirts
Tank Tops
Hoodies
T-Shirts
Jackets
Tops
Sort
Size
Color
Sale
View
Tank Tops
Hoodies
T-Shirts
Jackets
School Log In
Code
School
Merchan.
School Code
iPhone Case
Sort
Size
Color
Sale
View
School Mascot
Bag
Help
Sh. Policy
Checkout
Contact #
Profile
Email
Buy
Logo Hoodies
Log In
Profile
Shipping
Resturns
Logo T-Shirts
Search
FAQ
Live Chat
Pants
Pants
Skirts
Bottoms
Sort
Size
Color
Sale
View
Outerwear
Sort
Size
Color
Sale
View
Activewear
Sort
Size
Color
Sale
View
Outfits
Sort Sale
Size View
Color
Accessories
Sort Sale
Size View
Color
Leggings
Belts
Socks
Jackets
Gloves
Gymshorts
Headbands
Bottoms
Sort
Size
Color
Sale
View
Outerwear
Sort
Size
Color
Sale
View
Hoodies
Activewear
T-Shirts
Sort
Size
Color
Sale
View
Socks
Tank Tops
Outfits
Belts
Socks
Gloves
Backpacks
Headbands
Outfits
Sort Sale
Size View
Color
Accessories
Sort Sale
Size View
Color
Girls
New Arrivals
Boys
Belts
Socks
On
Jackets
Gloves
Gymshorts
Headbands
Hoodies
Personalized
content for
the specific
school’s
dress code
T-Shirts
Socks
Tank Tops
Outfits
Belts
Socks
Gloves
Backpacks
Primary navigation
Category
Headbands
Girls
New Arrivals
Off
Boys
Backpacks
Backpacks
School Mer.
School Mer.
Filtered content
Filtered content
pulled out from
the actual content

17. Project 2
TrueSpirit//eCommerce Desktop website
Sitemap/Secondary Navigation
Home
Follow us
Company
Policy
Services
Contact
Facebook
About us
Privacy
Embroidery
Embroidery
Phone #
Twitter
Careers
Security
Shipping
Shipping
Email
Youtube
News Room
Returns
FAQ
Email
subscription
Life chat
Glossary
Sitemap
Primary navigation
Category

18. Project 2
TrueSpirit//eCommerce Desktop website
John’s Flow
Start
3.0
Tops
1.0
Home
3.0
Polo Shirts
3.0
White
2.0
Girls
4.0
Add to bag
3.0
Bottoms
3.0
Pants
4.0
Bag
3.0
Blue
5.0
Checkout
5.0
Profile
5.0
Buy
End

19. Project 2
TrueSpirit//eCommerce Desktop website
John’s Checkout Flow
Start
Profile
1.0
View Bag
Checkout
Yes
2.0
Continue
as guest
3.0
Shipping
3.0
Payment
3.0
Place Order
No
2.0
Keep Shopping
4.0
Confirmation
End
No
Create
an account
Yes
5.0
Password

20. Project 2
TrueSpirit//eCommerce Desktop website
John’s Flow/Home Wireframe
HELP
GIRLS
BOYS
BACKPACKS
SCHOOL
SPIRIT
School Code
GO
FIND MY SCHOOL
SHIPPING
0
LOG IN
Search
FIND YOUR
SCHOOL
EASY
Select a State
(SEASON
PROMOTION)
(SAVINGS
PROMOTION)
* State
Select a City
* City
School Name
* School Name (6 characters max.)
SUBMIT
OR
School Code
* School Code
SUBMIT
(GENERAL NEW ARRIVALS BANNER)
TOPS
SORT
SIZE
COLOR
Fold
SALE
ALL
GIRLS
BOYS
Sweaters
Polo Shirts
Formal Shirts
Tank Tops
Hoodies
T-Shirts
Jackets
XX
PRODUCT NAME
PRODUCT DETAIL
$
X.XX
PRODUCT NAME
PRODUCT DETAIL
$
X.XX
PRODUCT NAME
PRODUCT DETAIL
$
X.XX
PRODUCT NAME
PRODUCT DETAIL
$
X.XX
PRODUCT N
PRODUCT DET

21. Project 2
TrueSpirit//eCommerce Desktop website
John’s Flow/Home Wireframe
ACCESS TO PRODUCTS:
HELP
SHIPPING
0
LOG IN
•“Girls” drop down menu to access to
GIRLS
BOYS
NEW
BACKPACKS
SCHOOL
SPIRIT
SIZES
School Code
TOPS
GO
FIND MY SCHOOL
BOTTOMS
“Polo Shirts” subcategory.
Search
OUTERWEAR
ACTIVEWEAR
OUTFITS
Belts
2T-4T
Sweaters
Pants
Jackets
Gymshorts
Outfit 1
Polo Shirts
4-6X/7
Polo Shirts
Skirts
Gloves
Headbands
Outfit 2
Formal Shirts
7-14
Formal Shirts
Leggings
Hoodies
Outfit 3
Leggings
16-20
Tank Tops
Belts
T-Shirts
Outfit 4
Hoodies
Socks
Socks
Outfit 5
Gloves
T-Shirts
T-Shirts
Tank Tops
FIND YOUR
SCHOOL
EASY
ACCESSORIES
Belts
Socks
Gloves
Backpacks
Headbands
Jackets
Select a State
(SEASON
PROMOTION)
(SAVINGS
PROMOTION)
* State
Select a City
* City
School Name
* School Name (6 characters max.)
SUBMIT
OR
School Code
* School Code
SUBMIT
(GENERAL NEW ARRIVALS BANNER)
TOPS
SORT
SIZE
COLOR
Fold
SALE
ALL
GIRLS
BOYS
Sweaters
Polo Shirts
Formal Shirts
Tank Tops
Hoodies
T-Shirts
Jackets
XX
PRODUCT NAME
PRODUCT DETAIL
$
X.XX
PRODUCT NAME
PRODUCT DETAIL
$
X.XX
PRODUCT NAME
PRODUCT DETAIL
$
X.XX
PRODUCT NAME
PRODUCT DETAIL
$
X.XX
PRODUCT N
PRODUCT DET

22. Project 2
TrueSpirit//eCommerce Desktop website
John’s Flow/Home Wireframe
GIRLS
BOYS
SCHOOL
SPIRIT
BACKPACKS
ACCESS TO PRODUCTS:
School
MY SCHOOL
GO
Search
HELP
SHIPPING
0
LOG IN
•“Girls” drop down menu to access to
Select a State
* State
“Polo Shirts” subcategory.
Select a City
•“Home Page” quick thumbnail gallery
* City
(SEASON
PROMOTION)
(SAVINGS
PROMOTION)
formed by collapsable categories (local
navigation).
School Name
* School Name (6 characters max.)
SUBMIT
OR
School Code
* School Code
SUBMIT
(GENERAL NEW ARRIVALS BANNER)
TOPS
SORT
SIZE
COLOR
Sweaters
SALE
ALL
BOYS
White
Polo Shirts
Formal Shirts
Color Name
Tank Tops
Color Name
Hoodies
T-Shirts
Color Name
Fold
Jackets
Color Name
XX
PRODUCT NAME
PRODUCT DETAIL
X.XX
Color Name
$
PRODUCT NAME
PRODUCT DETAIL
$
X.XX
PRODUCT NAME
PRODUCT DETAIL
$
X.XX
Color Name
BOTTOMS
GIRLS
SORT
SIZE
COLOR
PRODUCT NAME
PRODUCT DETAIL
1
$
2
3
PRODUCT N
X.XX
4
SALE
5
PRODUCT DET
6
ALL
... 21 22
GIRLS
BOYS
Pants
Skirts
Leggings
Belts
Socks
XX
PRODUCT NAME
PRODUCT DETAIL
$
X.XX
PRODUCT NAME
PRODUCT DETAIL
$
X.XX
PRODUCT NAME
PRODUCT DETAIL
$
X.XX
PRODUCT NAME
PRODUCT DETAIL
1
$
2
3
PRODUCT N
X.XX
4
5
PRODUCT DET
6
... 21 22

23. Project 2
TrueSpirit//eCommerce Desktop website
John’s Flow/Gallery Wireframe
GIRLS
BOYS
SCHOOL
SPIRIT
BACKPACKS
ACCURATE SEARCH:
School
GO
MY SCHOOL
Search
HELP
SHIPPING
LOG IN
0
•By filters.
(GIRLS)
TOPS
SORT
SIZE
COLOR
Sweaters
SALE
White
Polo Shirts
Color Name
Formal Shirts
Tank Tops
Color Name
Hoodies
Color Name
T-Shirts
Jackets
Color Name
Color Name
PRODUCT NAME
PRODUCT DETAIL
Color Name
X.XX
PRODUCT DETAIL
$
X.XX
PRODUCT DETAIL
PRODUCT NAME
PRODUCT DETAIL
PRODUCT NAME
$
PRODUCT NAME
$
X.XX
PRODUCT DETAIL
$
X.XX
PRODUCT DETAIL
PRODUCT NAME
PRODUCT NAME
$
X.XX
PRODUCT DETAIL
$
X.XX
PRODUCT DETAIL
PRODUCT NAME
$
X.XX
$
X.XX
PRODUCT NAME
Fold
PRODUCT NAME
PRODUCT DETAIL
BOTTOMS
OUTERWEAR
ACTIVEWEAR
$
X.XX
PRODUCT NAME
PRODUCT DETAIL
$
X.XX

24. Project 2
TrueSpirit//eCommerce Desktop website
John’s Flow/Gallery Wireframe
GIRLS
BOYS
BACKPACKS
SCHOOL
SPIRIT
ACCURATE SEARCH:
School
MY SCHOOL
GO
Search
HELP
SHIPPING
LOG IN
0
•By filters.
(GIRLS)
TOPS
SORT
SIZE
COLOR
SALE
•By alterable breadcrumbs.
White
Sweaters
Polo Shirts
Formal Shirts
Tank Tops
Hoodies
T-Shirts
Jackets
PRODUCT NAME
PRODUCT DETAIL
$
X.XX
$
$
X.XX
PRODUCT NAME
PRODUCT DETAIL
$
X.XX
PRODUCT NAME
X.XX
PRODUCT NAME
PRODUCT DETAIL
POLO SHIRT
PRODUCT DETAIL
PRODUCT DETAIL
$
X.XX
BOTTOMS
OUTERWEAR
Fold
ACTIVEWEAR
OUTFITS
ACCESSORIES
FOLLOW US
COMPANY
POLICY
SERVICES
CONTACT

25. Project 2
TrueSpirit//eCommerce Desktop website
John’s Flow/Product Detail WF
GIRLS
BOYS
BACKPACKS
BROWSING TOOL:
SCHOOL
SPIRIT
School
MY SCHOOL
GO
Search
ADD, REMOVE, COMPARE,
SEE TOTAL PRICE…
FEEL FREE!
JUST BROWSING MENU
BROWSING
SHIPPING LOG IN
RECORD
HELP
1
0
BROWSED
•By viewing the items John will get the
ADD ITEMS FROM HERE
AND KEEP BROWSING
record of these products through
his journey.
SEE MATCHES
Girls/ Tops/ Product Detail/
POLO SHIRT
Completely impact multifunctional and
wireless supply chains. Dynamically
engage business meta-services.
$
X.XX
•First users get guidance by cookies that
NEW
will lead them to get used to the
navigation.
(rating score)
PRODUCT NAME
PRODUCT DETAIL
COLOR
SIZE
2T-4T
PRODUCT NAME
$
X.XX
PRODUCT DETAIL
$
X.XX
PRODUCT DETAIL
$
X.XX
[ SIZE CHART ]
4-6X/7
7-14
16-20
QUANTITY
(rating score)
1
FABRIC & CARE
SIZE CHART
1
SAVE FOR LATER
f
PANTS
PRODUCT DETAIL
REVIEWS
PRODUCT NAME
$
X.XX
GUARANTEE
ADD TO BAG
(GIRLS)
TOPS
SORT
SIZE
COLOR
SALE
ADD MORE ITEMS
AND KEEP BROWSING
White
Sweaters
BROWSED ITEM
Polo Shirts
Formal Shirts
Tank Tops
Hoodies
T-Shirts
Jackets
SAVE
PRODUCT NAME
PRODUCT DETAIL
$
X.XX
$
X.XX
PRODUCT NAME
PRODUCT DETAIL
BOTTOMS
ADD TO BAG
POLO SHIRT
PRODUCT DETAIL
$
X.XX
Fold
PRODUCT NAME
PRODUCT DETAIL
$
X.XX
PRODUCT NAME
PRODUCT DETAIL
$
X.XX

26. Project 2
TrueSpirit//eCommerce Desktop website
John’s Flow/Product Detail WF
GIRLS
BOYS
BACKPACKS
BROWSING TOOL:
SCHOOL
SPIRIT
School
Search
MY SCHOOL
GO
HELP
SHIPPING
2
LOG IN
0
BROWSED
•By viewing the items John will get the
JUST BROWSING MENU
record of these products through
his journey.
SEE MATCHES
Girls/ Tops/ Product Detail/
POLO SHIRT
Completely impact multifunctional and
wireless supply chains. Dynamically
engage business meta-services.
$
X.XX
•First users get guidance by cookies that
NEW
will lead them to get used to the
navigation.
(rating score)
PRODUCT NAME
PRODUCT DETAIL
COLOR
SIZE
2T-4T
$
X.XX
PRODUCT NAME
PRODUCT DETAIL
$
X.XX
[ SIZE CHART ]
4-6X/7
7-14
16-20
QUANTITY
(rating score)
1
PRODUCT DETAIL
REVIEWS
FABRIC & CARE
SAVE FOR LATER
f
PRODUCT NAME
SIZE CHART
1
$
X.XX
PRODUCT NAME
PRODUCT DETAIL
$
X.XX
GUARANTEE
ADD TO BAG
Girls/ Bottoms/ Product Detail/
PANTS
Completely impact multifunctional and
wireless supply chains. Dynamically
engage business meta-services.
$
X.XX
PRODUCT NAME
PRODUCT DETAIL
$
X.XX
PRODUCT NAME
PRODUCT DETAIL
$
X.XX
(rating score)
COLOR
SIZE
2T-4T
PRODUCT NAME
[ SIZE CHART ]
4-6X/7
7-14
PRODUCT DETAIL
$
X.XX
TOTAL $
FABRIC & CARE
SAVE FOR LATER
f
XX.XX
SIZE CHART
1
SAVE FOR LATER
(GIRLS)
TOPS
SORT
SIZE
COLOR
SALE
White
Sweaters
Polo Shirts
X.XX
Fold
(rating score)
REVIEWS
$
16-20
QUANTITY
1
PRODUCT NAME
PRODUCT DETAIL
BROWSED ITEM
GUARANTEE
ADD TO BAG
2
ADD ALL TO BAG

27. Project 2
TrueSpirit//eCommerce Desktop website
John’s Flow/Saved Product WF
GIRLS
BOYS
BACKPACKS
PRODUCT NAME
BROWSING TOOL:
SCHOOL
SPIRIT
School
GO
COLOR
SIZE
QTY
7-14
1
SIZE
QTY
7-14
1
PRODUCT DETAIL
PRODUCT NAME
COLOR
PRODUCT DETAIL
TOTAL $
XX.XX
MY SCHOOL
Search
HELP
SHIPPING
2
LOG IN
0
•By viewing the items John will get the
SAVED
VIEW
SAVED
SAVED
VIEW
SAVED
record of these products through
his journey.
ADD TO BAG
ADD TO BAG
VIEW
SAVED
SAVED
•First users get guidance by cookies that
will lead them to get used to the
navigation.
ADD ALL TO BAG
•By saving the viewed items, or scrolling
down, the user will experience that the
“Browsing Menu” collapses, letting him
see a quick view of his record while he
continues shopping.
(GIRLS)
TOPS
SORT
SIZE
COLOR
SALE
White
Sweaters
SAVED ITEM
Polo Shirts
Formal Shirts
Tank Tops
Hoodies
T-Shirts
Jackets
SAVED
PRODUCT NAME
PRODUCT DETAIL
$
X.XX
ADD TO BAG
POLO SHIRT
PRODUCT DETAIL
$
X.XX
PRODUCT NAME
PRODUCT DETAIL
$
X.XX
PRODUCT NAME
PRODUCT DETAIL
$
X.XX
Fold
PRODUCT NAME
PRODUCT DETAIL
BOTTOMS
SORT
SIZE
$
X.XX
COLOR
SALE
Pants
SAVED ITEM
Skirts
Leggings
Belts
Socks
SAVED
ADD TO BAG

28. Project 2
TrueSpirit//eCommerce Desktop website
John’s Flow/Saved Product Detail View WF
GIRLS
BOYS
BACKPACKS
BROWSING TOOL:
SCHOOL
SPIRIT
School
MY SCHOOL
GO
Search
HELP
SHIPPING
2
LOG IN
0
•By viewing the items John will get the
SAVED ITEMS
record of these products through
his journey.
SEE MATCHES
Girls/ Tops/ Product Detail/
POLO SHIRT
Completely impact multifunctional and
wireless supply chains. Dynamically
engage business meta-services.
$
X.XX
•First users get guidance by cookies that
NEW
will lead them to get used to the
navigation.
(rating score)
PRODUCT NAME
PRODUCT DETAIL
COLOR
$
X.XX
PRODUCT NAME
PRODUCT DETAIL
$
X.XX
•By saving the viewed items, or scrolling
SIZE
2T-4T
down, the user will experience that the
“Browsing Menu” collapses, letting him
see a quick view of his record while he
continues shopping.
[ SIZE CHART ]
4-6X/7
7-14
16-20
QUANTITY
(rating score)
1
PRODUCT NAME
PRODUCT DETAIL
REVIEWS
FABRIC & CARE
SIZE CHART
$
X.XX
PRODUCT NAME
PRODUCT DETAIL
$
X.XX
GUARANTEE
ADD TO BAG
f
•He can always get back to a full detailed
product view by going to the “View
Saved” menu and make a more serious
decision of adding the items to the bag.
Girls/ Bottoms/ Product Detail/
PANTS
Completely impact multifunctional and
wireless supply chains. Dynamically
engage business meta-services.
$
X.XX
PRODUCT NAME
PRODUCT DETAIL
$
X.XX
PRODUCT NAME
PRODUCT DETAIL
$
X.XX
(rating score)
COLOR
SIZE
2T-4T
PRODUCT NAME
[ SIZE CHART ]
4-6X/7
7-14
PRODUCT DETAIL
$
X.XX
PRODUCT NAME
PRODUCT DETAIL
$
X.XX
16-20
QUANTITY
Fold
(rating score)
1
REVIEWS
FABRIC & CARE
SIZE CHART
ADD TO BAG
f
TOTAL $
FOLLOW US
GUARANTEE
XX.XX
COMPANY
KEEP BROWSING?
POLICY
ADD ALL TO BAG
SERVICES
CONTACT

29. Project 2
TrueSpirit//eCommerce Desktop website
John’s Flow/Bag Wireframe
GIRLS
BOYS
BACKPACKS
SCHOOL
SPIRIT
School
MY SCHOOL
GO
Search
HELP
SHIPPING
LOG IN
0
2
BROWSED
BAG
ITEM
COLOR
SIZE
QTY
TOTAL
REMOVE
RETURNS
SHIPPING
7-14
PRODUCT NAME
PRODUCT DETAIL
PRODUCT DETAIL
$X.XX
1
HELP
X.XX SUBTOTAL
$X.XX TAX
$
COLOR
NAME
ADD +
7-14
PRODUCT NAME
TERMS + CONDITIONS
COLOR
NAME
(COUPONS PROMOTION)
$X.XX
1
X.XX SUBTOTAL
$X.XX TAX
$
ADD +
TOTAL $
Cupon Code
XX.XX (2)
APPLY
CHECKOUT
*Shipping not included
FOLLOW US
COMPANY
POLICY
SERVICES
CONTACT
Fold

30. Project 2
TrueSpirit//eCommerce Desktop website
John’s Flow/Checkout Wireframe
QUESTIONS?
CHECKOUT FAQs
TEL.:XXX-XXX-XXXX
2
CHECKOUT
NEW CUSTOMER
RETURNING COSTUMER
Proceed to checkout and you'll have the
opportunity to create a personal account later,
if you wish to do so.
Email Address (Required)
CONTINUE AS A GUEST
Log in too speed up the checkout process.
Email Address
Password (Required)
Password
Forgot your password? Click here
LOG IN
CERTIFIED
SECURE CKECKOUT
Fold

31. Project 2
TrueSpirit//eCommerce Desktop website
John’s Flow/Checkout/Shipping WF
QUESTIONS?
CHECKOUT FAQs
TEL.:XXX-XXX-XXXX
2
CHECKOUT/ SHIPPING/ ADDRESS
1. SHIPPING
2. PAYMENT
3. REVIEW & PLACE ORDER
ENTER SHIPPING ADDRESS
FirstName (Required)
First Name
ORDER SUMMARY
Last Name (Required)
SUBTOTAL
Last Name
$
$
Company Name (Required)
X.XX
X.XX
$
X.XX
TAX
Company Name
SHIPPING
Address 1 (Required)
Estimate
Address
ORDER TOTAL
Shipping & tax Details
Address 2
$X.XX
Address
City (Required)
CERTIFIED
SECURE CKECKOUT
State (Required)
City
Please Select
Zip Code (Required)
Zip Code
Day Phone (Required)
Month
Day
Year
Evening Phone (Required)
Month
Day
Year
CONTINUE
Fold

32. Project 2
TrueSpirit//eCommerce Desktop website
John’s Flow/Checkout/Shipping WF
QUESTIONS?
CHECKOUT FAQs
TEL.:XXX-XXX-XXXX
2
CHECKOUT/ SHIPPING/ DELIVERY OPTIONS
1. SHIPPING
2. PAYMENT
3. REVIEW & PLACE ORDER
SHIPPING TO
ORDER SUMMARY
John Newman
2345 Menahan St.
Brooklyn, NY 11237
SUBTOTAL
$
X.XX
$
X.XX
$
X.XX
TAX
EDIT OR CHANGE ADDRESS
SHIPPING
Estimate
ITEMS
COLOR
PRODUCT DETAIL
COLOR
QTY
7-14
PRODUCT NAME
SIZE
1
PRODUCT DETAIL
SIZE
QTY
7-14
PRODUCT NAME
1
COST
$
X.XX
ORDER TOTAL
Shipping & tax Details
$X.XX
CERTIFIED
SECURE CKECKOUT
COST
$
X.XX
SHIPPING METHOD
STANDARD
ARRIVES
3/21 − 3/23
$X.XX
EXPRESS
ARRIVES
3/19 Sharp!
$X.XX
Shipping Details
BACK
CONTINUE
Fold

33. Project 2
TrueSpirit//eCommerce Desktop website
John’s Flow/Checkout/Payment WF
QUESTIONS?
CHECKOUT FAQs
TEL.:XXX-XXX-XXXX
2
CHECKOUT/ PAYMENT
1. SHIPPING
2. PAYMENT
3. REVIEW & PLACE ORDER
PAYMENT INFORMATION
ORDER SUMMARY
Card Type (Required)
SUBTOTAL
Card Type
$
X.XX
$
X.XX
TAX
Card Number
SHIPPING
Expires on (Required)
Month
X.XX
$
Card Number (Required)
Standard
Year
ORDER TOTAL
Shipping & tax Details
Security Code (Required)
Security Code
What is this?
Name on Card (Required)
Name on Card
Email Address (Required)
$X.XX
CERTIFIED
SECURE CKECKOUT
Email Address
ENTER BILLING ADDRESS
John Newman
2345 Menahan St.
Brooklyn, NY 11237
DIFFERENT FROM SHIPPING ADDRESS
BACK
CONTINUE
Fold

34. Project 2
TrueSpirit//eCommerce Desktop website
John’s Flow/Checkout/Place Order WF
QUESTIONS?
CHECKOUT FAQs
TEL.:XXX-XXX-XXXX
2
CHECKOUT/ REVIEW & PLACE YOUR ORDER
1. SHIPPING
SHIPPING TO
2. PAYMENT
3. REVIEW & PLACE ORDER
DELIVERY
Edit
John Newman
2345 Menahan St.
Brooklyn, NY 11237
Edit
STANDARD
ORDER SUMMARY
$
X.XX
SUBTOTAL
$
3/21 − 3/23
X.XX
$
X.XX
TAX
ITEMS
SHIPPING
Standard
COLOR
PRODUCT DETAIL
ORDER TOTAL $
QTY
1
SIZE
QTY
7-14
COLOR
PRODUCT NAME
SIZE
7-14
PRODUCT NAME
PRODUCT DETAIL
1
COST
$
COST
$
ORDER TOTAL
Shipping & tax Details
REMOVE
$X.XX
CERTIFIED
SECURE CKECKOUT
X.XX
PAYMENT Edit
Visa XXXXXXXXXXXXXX5555
Expires 2/12
XX.XX
SHIPPING ADDRESS
John Newman
2345 Menahan St.
Brooklyn, NY 11237
Clicking Place Your Order will finalize your order.
COMPANY
REMOVE
X.XX
REVIEW & PLACE YOUR ORDER
FOLLOW US
X.XX
$
ARRIVES
POLICY
Edit
PLACE ORDER
SERVICES
CONTACT
Fold

35. Project 2
TrueSpirit//eCommerce Desktop website
John’s Flow/Checkout/Confirmation WF
GIRLS
BOYS
SCHOOL
SPIRIT
BACKPACKS
School
MY SCHOOL
GO
Search
HELP
SHIPPING
LOG IN
0
ORDER CONFIRMATION
THANK YOU FOR YOUR ORDER!
PRINT RECEIPT
Order number: XXXXXXX
Order total: $XX.XX
You’ll receive an email confirmation to name@mail.com
SHIPPING TO
DELIVERY
John Newman
2345 Menahan St.
Brooklyn, NY 11237
STANDARD
DETAILED ORDER RECEIPT
PAYMENT
$
X.XX
Visa Ending in 5555
Expires 2/12
John Newman
3/21 − 3/23
ARRIVES
RETURNS POLICY
Call us at XXX-XXX-XXXX or
Email us
QUESTIONS?
ITEMS
COLOR
COLOR
PRODUCT NAME
PRODUCT DETAIL
ORDER TOTAL $
1
SIZE
QTY
7-14
PRODUCT DETAIL
QTY
7-14
PRODUCT NAME
SIZE
1
COST
$
X.XX
COST
$
X.XX
XX.XX
Save your information for next time
Create Password (Required)
Password
Verify Password (Required)
Fold
CREATE ACCOUNT
Password
(4-18 characters)
Popular items based on your order
PRODUCT NAME
PRODUCT DETAIL
$
X.XX
PRODUCT NAME
PRODUCT DETAIL
$
X.XX
PRODUCT NAME
PRODUCT DETAIL
$
X.XX
PRODUCT NAME
PRODUCT DETAIL
$
X.XX
PRODUCT NAME
PRODUCT DETAIL
$
X.XX
PRODUCT NAME
PRODUCT DETAIL
$
X.XX

36. Thanx for your
kind attention folks!
uxpolas.tumblr.com