General Assembly UXDi Summer 2014 Sydney Project 2 - TrueSpirit School Uniform Ecommerce Prototype (Omnigraffle wireframes)

1. GIRLS
SHOP BY
SCHOOL
BOYS
SIGN IN
REGISTER
Enjoy school
and express
your style
FREE DELIVERY FOR PURCHASES
OVER $50
EASY RETURNS.
All you need is the included delivery stickers! Attach these and drop off
at the post office.
CHECK OUT OUR SALES
“I can’t believe my kid’s t-shirts
look brand new after more than
40 washes”
IMAGE
IMAGE
Sarah Jackson
Customer, and mother of 3.
HOW TO WASH
Polo shirt
$ 30
Polo shirt
$ 30
FEATURED ITEMS
IMAGE
Polo shirt
IMAGE
$ 30
Polo shirt
IMAGE
$ 30
Polo shirt
IMAGE
$ 30
Polo shirt
$ 30

2. GIRLS
SHOP BY
SCHOOL
BOYS
SIGN IN
REGISTER
Girls > T-shitst and tops > polo shirt
St. Luke’s
▼
GO
Enjoy school
and express
your style
FREE DELIVERY FOR PURCHASES
OVER $50
EASY RETURNS.
All you need is the included delivery stickers! Attach these and drop off
at the post office.
CHECK OUT OUR SALES
“I can’t believe my kid’s t-shirts
look brand new after more than
40 washes”
IMAGE
IMAGE
Sarah Jackson
Customer, and mother of 3.
HOW TO WASH
Polo shirt
$ 30
Polo shirt
$ 30
FEATURED ITEMS
IMAGE
Polo shirt
IMAGE
$ 30
Polo shirt
IMAGE
$ 30
Polo shirt
IMAGE
$ 30
Polo shirt
$ 30

3. GIRLS
SHOP BY
SCHOOL
BOYS
Hi, John
Enjoy school
and express
your style
FREE DELIVERY FOR PURCHASES
OVER $50
EASY RETURNS.
All you need is the included delivery stickers! Attach these and drop off
at the post office.
CHECK OUT OUR SALES
“I can’t believe my kid’s t-shirts
look brand new after more than
40 washes”
IMAGE
IMAGE
Sarah Jackson
Customer, and mother of 3.
HOW TO WASH
Polo shirt
$ 30
Polo shirt
$ 30
FEATURED ITEMS
IMAGE
Polo shirt
IMAGE
$ 30
Polo shirt
IMAGE
$ 30
Polo shirt
IMAGE
$ 30
Polo shirt
$ 30

4. GIRLS
TOPS
SHOP BY
SCHOOL
BOYS
BOTTOMS
SIGN IN
REGISTER
Formal shirts
Jackets
Skirts
Socks
T-shirts
Hoodies
Polo Shirts
Pants
Headbands
Sweaters
Shorts
Gloves
Tank top
Logo Hoodies
Gymshorts
Belts
Logo shirts
SALES >
ACCESSORIES
Enjoy school
and express
your style
iPhone case
Plush toy
Leggings
FREE DELIVERY FOR PURCHASES
OVER $50
EASY RETURNS.
All you need is the included delivery stickers! Attach these and drop off
at the post office.
CHECK OUT OUR SALES
“I can’t believe my kid’s t-shirts
look brand new after more than
40 washes”
IMAGE
IMAGE
Sarah Jackson
Customer, and mother of 3.
HOW TO WASH
Polo shirt
$ 30
Polo shirt
$ 30
FEATURED ITEMS
IMAGE
Polo shirt
IMAGE
$ 30
Polo shirt
IMAGE
$ 30
Polo shirt
IMAGE
$ 30
Polo shirt
$ 30

5. GIRLS
BOYS
SHOP BY
SCHOOL
SIGN IN
REGISTER
FILTER
Home > Girls > Tops > Polo Shirts
Polo Shirt
$ 35
SAVE
ITEM
Color
Size
Size Help
XS
S
M
L
1
Quantity
100% cotton.
CLICK TO ZOOM
XL
ADD TO
BASKET
Machine wash cold, gentle cycle
Polo Shirt
$ 30
SAVE
ITEM
Color
Size
Size Help
Quantity
XS
S
M
L
1
100% cotton.
CLICK TO ZOOM
Machine wash cold, gentle cycle
Polo Shirt
$ 20
CLICK TO ZOOM
XL
Color
100% cotton.
Machine
Size wash cold, gentle cycle L
XS S M
ADD TO
BASKET
SAVE
ITEM

6. GIRLS
SHOP BY
SCHOOL
BOYS
SIGN IN
REGISTER
FILTER
Home > Girls > Tops > Polo Shirts
IMAGE
Polo shirt
IMAGE
$ 15
Polo shirt
IMAGE
Polo shirt
$ 30
Polo shirt
$ 30
Polo shirt
$ 30
$ 30
Polo shirt
$ 30
Polo shirt
Polo shirt
$ 30
Polo shirt
$ 30
Polo shirt
Polo shirt
100% cotton.
$ 30
IMAGE
$ 30
Polo shirt
IMAGE
$ 30
$ 30
IMAGE
IMAGE
IMAGE
CLICK TO ZOOM
Polo shirt
IMAGE
IMAGE
IMAGE
IMAGE
Polo shirt
$ 30
IMAGE
IMAGE
Polo shirt
IMAGE
$ 30
IMAGE
$ 30
Polo shirt
Machine wash cold, gentle cycle
$ 30

7. GIRLS
SHOP BY
SCHOOL
BOYS
SIGN IN
REGISTER
FILTER
FILTER
Home > Girls > Tops > Polo Shirts
COLOR
XS
SIZE
SORT BY:
IMAGE
Polo shirt
S
$ 15
Polo shirt
$ 30
Polo shirt
▼
$ 30
$ 30
Polo shirt
$ 30
$ 30
Polo shirt
Polo shirt
IMAGE
$ 30
Polo shirt
Polo shirt
$ 30
Polo shirt
$ 30
Polo shirt
Polo shirt
100% cotton.
$ 30
IMAGE
$ 30
Polo shirt
IMAGE
$ 30
$ 30
IMAGE
IMAGE
IMAGE
CLICK TO ZOOM
IMAGE
IMAGE
IMAGE
IMAGE
Polo shirt
XL
IMAGE
IMAGE
Polo shirt
L
lowest priceIMAGEtop
on
IMAGE
Polo shirt
M
$ 30
IMAGE
$ 30
Polo shirt
Machine wash cold, gentle cycle
$ 30

8. GIRLS
BOYS
SHOP BY
SCHOOL
SIGN IN
REGISTER
Home > Girls > Tops > Polo Shirt
NEXT >
< BACK TO RESULTS
Polo Shirt
$ 15
SAVE
ITEM
Color
Size
Size Help
XS
Quantity
S
M
L
XL
1
100% cotton.
ADD TO
BASKET
Machine wash cold, gentle cycle
CLICK TO ZOOM
You'll get year-round use out of this light-as-air
top. Made from smooth micro fiber enhanced
with quick-dry and odor neutralizing properties,
it can be worn as an inner layer or as a top.
COMPLETE UNIFORM
IMAGE
Polo shirt
IMAGE
$ 30
Polo shirt
IMAGE
$ 30
Polo shirt
IMAGE
$ 30
Polo shirt
$ 30

9. GIRLS
BOYS
SHOP BY
SCHOOL
SIGN IN
REGISTER
1
ITEMS ADDED TO BAG
FILTER
Home > Girls > Tops > Polo Shirt
Polo shirt
$15
NEXT >
< BACK TO RESULTS
Polo Shirt
$ 15
SUBTOTAL
$15
Check Out
SAVE
ITEM
SAVED ITEMS
Color
Size
Size Help
XS
Quantity
S
M
L
XL
1
100% cotton.
ADD TO
BASKET
Machine wash cold, gentle cycle
CLICK TO ZOOM
You'll get year-round use out of this light-as-air
top. Made from smooth micro fiber enhanced
with quick-dry and odor neutralizing properties,
it can be worn as an inner layer or as a top.
COMPLETE UNIFORM
IMAGE
Polo shirt
IMAGE
$ 30
Polo shirt
IMAGE
$ 30
Polo shirt
IMAGE
$ 30
Polo shirt
$ 30

10. GIRLS
BOYS
SHOP BY
SCHOOL
SIGN IN
REGISTER
1
Home > Girls > Tops > Polo Shirt
NEXT >
< BACK TO RESULTS
Polo Shirt
$ 15
SAVE
ITEM
Color
Size
Size Help
XS
Quantity
S
M
L
XL
1
100% cotton.
ADD TO
BASKET
Machine wash cold, gentle cycle
CLICK TO ZOOM
You'll get year-round use out of this light-as-air
top. Made from smooth micro fiber enhanced
with quick-dry and odor neutralizing properties,
it can be worn as an inner layer or as a top.
COMPLETE UNIFORM
IMAGE
Polo shirt
IMAGE
$ 30
Polo shirt
IMAGE
$ 30
Polo shirt
IMAGE
$ 30
Polo shirt
$ 30

11. GIRLS
TOPS
Home > Girls > Tops > Polo Shirt
BOYS
BOTTOMS
SHOP BY
SCHOOL
SIGN IN
REGISTER
1
SALES >
FILTER
ACCESSORIES
Formal shirts
Jackets
Skirts
Socks
iPhone case
T-shirts
Hoodies
Pants
Headbands
Plush toy
Polo shirts
Sweaters
Shorts
Gloves
Tank top
Logo Hoodies
Gymshorts
< BACK TO RESULTS
Logo shirts
NEXT >
Belts
Polo t-shirt
Leggings
$ 30,00
SAVE
ITEM
Color
Size
Size Help
XS
Quantity
S
M
L
XL
1
100% cotton.
ADD TO
BASKET
Machine wash cold, gentle cycle
CLICK TO ZOOM
You'll get year-round use out of this light-as-air
top. Made from smooth micro fiber enhanced
with quick-dry and odor neutralizing properties,
it can be worn as an inner layer or as a top.
COMPLETE UNIFORM
IMAGE
Polo shirt
IMAGE
$ 30
Polo shirt
IMAGE
$ 30
Polo shirt
IMAGE
$ 30
Polo shirt
$ 30

12. GIRLS
BOYS
SHOP BY
SCHOOL
SIGN IN
REGISTER
FILTER
Home > Girls > Bottoms > Pants
IMAGE
IMAGE
$ 30
Pants
IMAGE
Pants
IMAGE
$ 30
Pants
CLICK TO ZOOM
IMAGE
$ 40
Pants
Pants
$ 40
Pants
IMAGE
$ 40
$ 40
Pants
IMAGE
$ 40
Pants
IMAGE
$ 40
Pants
IMAGE
$ 30
Pants
IMAGE
$ 40
Pants
IMAGE
1
IMAGE
$ 40
Pants
100% cotton.
Machine wash cold, gentle cycle
$ 40

13. GIRLS
BOYS
SHOP BY
SCHOOL
SIGN IN
REGISTER
1
FILTER
Home > Girls > Bottoms > Pants
Pants
$ 30
SAVE
ITEM
Color
Size
Size Help
XS
S
M
L
1
Quantity
100% cotton.
CLICK TO ZOOM
XL
ADD TO
BASKET
Machine wash cold, gentle cycle
Pants
$ 40
SAVE
ITEM
Color
Size
Size Help
XS
Quantity
S
M
L
1
100% cotton.
CLICK TO ZOOM
Machine wash cold, gentle cycle
Pants
$ 50
CLICK TO ZOOM
XL
Color
100% cotton.
Machine
Size wash cold, gentle cycle L
XS S M
ADD TO
BASKET
SAVE
ITEM

14. GIRLS
BOYS
SHOP BY
SCHOOL
SIGN IN
REGISTER
1
FILTER
Home > Girls > Bottoms > Pants
Pants
$ 30
SAVE
ITEM
Color
Size
Size Help
XS
S
M
L
1
Quantity
100% cotton.
CLICK TO ZOOM
XL
ADD TO
BASKET
Machine wash cold, gentle cycle
Pants
$ 40
SAVE
ITEM
Color
Size
Size Help
XS
Quantity
S
M
L
1
100% cotton.
CLICK TO ZOOM
Machine wash cold, gentle cycle
Pants
$ 50
CLICK TO ZOOM
XL
Color
100% cotton.
Machine
Size wash cold, gentle cycle L
XS S M
ADD TO
BASKET
SAVE
ITEM

15. GIRLS
BOYS
SHOP BY
SCHOOL
SIGN IN
REGISTER
2
ITEMS ADDED TO BAG
FILTER
Home > Girls > Bottoms > Pants
Polo shirt
Pants
Pants
$ 30
$15
$30
SUBTOTAL
$45
SAVE
ITEM
Check Out
Color
SAVED ITEMS
Size
XS
Size Help
S
M
L
1
Quantity
100% cotton.
CLICK TO ZOOM
XL
ADD TO
BASKET
Machine wash cold, gentle cycle
Pants
$ 40
SAVE
ITEM
Color
Size
Size Help
XS
Quantity
S
M
L
1
100% cotton.
CLICK TO ZOOM
Machine wash cold, gentle cycle
Pants
$ 50
CLICK TO ZOOM
XL
Color
100% cotton.
Machine
Size wash cold, gentle cycle L
XS S M
ADD TO
BASKET
SAVE
ITEM

16. GIRLS
BOYS
SHOP BY
SCHOOL
SIGN IN
REGISTER
St. Lukes’s School
Kindergarden
Boys
Kindergarten
Girls
IMAGE
IMAGE
VIEW
VIEW
1-6 Primary
Girls
IMAGE
1-6 Primary
Boys
IMAGE
VIEW
VIEW
7-10 High School
Girls
7-10 High School
Boys
IMAGE
IMAGE
VIEW
VIEW
11-12 Senior
Girls
11-12 Senior
Boys
IMAGE
IMAGE
VIEW
FREE DELIVERY FOR PURCHASES OVER 50$
VIEW
EASY RETURNS
All you need is already in the box, attach the new delivery stickers
at the box and call the number to organize the pick up

17. GIRLS
SHOP BY
SCHOOL
BOYS
SIGN IN
REGISTER
Home > St Luke’s School > 7-10 High School Boys
Compulsory items
SHOPPING
LIST
IMAGE
IMAGE
IMAGE
COMPLETE
SUMMER OUTFIT
COMPLETE WINTER
OUTFIT
COMPLETE GYM
OUTFIT
SHOPPING
LIST
Recommended Accessories
IMAGE
Backpack
IMAGE
$ 50
Gloves
IMAGE
$ 15
Belt
IMAGE
$ 20
iPhone Case
$ 30

18. GIRLS
BOYS
SHOP BY
SCHOOL
SIGN IN
REGISTER
FILTER
Home > St. Lukes’s School > 7-10 High School Boys > Compulsory items
Polo Shirt
$ 30
SAVE
ITEM
Color
Size
S
XS
Size Help
L
M
1
Quantity
ADD TO
BASKET
100% cotton.
CLICK TO ZOOM
XL
Machine wash cold, gentle cycle
Jacket
$ 45
SAVE
ITEM
Color
Size
Size Help
XS
Quantity
S
M
L
1
100% cotton.
CLICK TO ZOOM
Machine wash cold, gentle cycle
Pants
$ 33
CLICK TO ZOOM
XL
Color
100% cotton.
Machine
Size wash cold, gentle cycle L
XS S M
ADD TO
BASKET
SAVE
ITEM

19. GIRLS
Shopping Bag
ITEM IMAGE
SHOP BY
SCHOOL
BOYS
SIGN IN
REGISTER
Done
Payment
COLOR
SIZE
2
QUANTITY
S
1
PRICE
REMOVE
$15
X
Polo T-shirt
Edit
M
1
$30
Pants
Edit
SUBTOTAL
$45
Spend another $20 to qualify for FREE DELIVERY
Shipping Costs 3-5 days
$6
Shipping Costs overnight delivert
$15
We all know our kids grow fast!
Never fear - We have an easy
return policy (read more)
CONTINUE SHOPPING
X
TOTAL
$51
PROCEED CHECK OUT

20. GIRLS
SHOP BY
SCHOOL
BOYS
Shopping Bag
SIGN IN
REGISTER
Done
Payment
DETAIL
Name
Surname
John
Smith
Email
Phone
04394739128
Shipping address
Unit
101
Street
King’s Street
Suburb
North Sydney
Postcode
2001
Is the billing address different from the
shipping address?
PAYMENT
Card Holder’s Name
Card Number
Expiry
We support Amex, Visa and Mastercard
John Smith
0392 0183 9283 8929
11/20
CVC
Pay with PayPal
BACK TO BAG
CONFIRM
2

21. GIRLS
SHOP BY
SCHOOL
BOYS
Shopping Bag
SIGN IN
REGISTER
Done
Payment
DETAIL
Name
Surname
John
Smith
Email
Phone
Email required
04394739128
Shipping address
Unit
101
Street
King’s Street
Suburb
North Sydney
Postcode
State:
NSW
2001
Is the billing address different from the
shipping address?
PAYMENT
Card Holder’s Name
Card Number
Expiry
We support Amex, Visa and Mastercard
John Smith
0392 0183 9283 8929
11/20
CVC
376
Pay with PayPal
BACK TO BAG
CONFIRM
2

22. GIRLS
BOYS
SHOP BY
SCHOOL
SIGN IN
REGISTER
Congratulations John!
You’ll receive your order in 3-5 days.
Would you like to keep all of your entered details on file for next time?
We’ll send you an email to check which details you’d like to keep on file.
YES, SAVE FOR NEXT TIME

23. Hi John,
Thanks for shopping at TrueSpirit. We have put your purchase preference on file.
You can login our website by using following details to access them. Also you can
change your login detail when you login our website anytime.
Username:
john@sample.com
Temporary
Password:
T12Hdrd
Sign in your True Spirit account by clicking: www.truespirit.com.au/login
Regards,
TrueSpirit Team

24. GIRLS
BOYS
SHOP BY
SHOOL
Welcome to TrueSpirit
Email
John@sample.com
This is your registered email
Password
************
Forget Password?
Cancel
Login
SIGN IN
REGISTER

25. Register
GIRLS
BOYS
SIGN IN
REGISTER
SHOP BY
SHOOL
Welcome to TrueSpirit
For helping you better, we need you to set up your profile as following
Name:
Email:
Password:
Password
Confirmation:
Address
(optional)
Better to fill in your normal shipping address,
which can make your purchase much quicker
Unit:
Street:
State
Suburb:
Postcode:
Cancel
Register

26. GIRLS
BOYS
SHOP BY
SCHOOL
Hi, John
Home> Profile
Your Profile
Edit
Account Info
Name:
John Smith
Email:
John@sample.com
Password:
************
Shipping Address
1000/2B Dawn Ave, Waveton, NSW, 2069
+ Add New Shipping Address

27. GIRLS
BOYS
SHOP BY
SCHOOL
Hi, John
Profile
Home> Profile
Purchase History
Your Profile
Edit
Account Info
Name:
John Smith
Email:
John@sample.com
Password:
************
Shipping Address
1000/2B Dawn Ave, Waveton, NSW, 2069
+ Add New Shipping Address

28. GIRLS
BOYS
SHOP BY
SCHOOL
Hi, John
Home> Profile
Cancel
Your Profile
Account Info
Name:
John Smith
Email:
John@sample.com
Password:
************
Password
Confirmation:
************
Shipping Address
Unit:
Street:
Suburb:
Postcode:
100
2B, Dawn Street
Waveton
2070
State
NSW
Save

29. GIRLS
SHOP BY
SCHOOL
BOYS
Hi, John
Home> Profile
Your Profile
Edit
Account Info
Name:
John Smith
Email:
John@sample.com
Password:
************
Shipping Address
1000/2B Dawn Ave, Waveton, NSW, 2069
New Shipping Address:
Unit:
Street:
Suburb:
State
Postcode:
Cancel
Save

30. GIRLS
BOYS
SHOP BY
SCHOOL
Hi, John
Home> Profile
Your Profile
Edit
Account Info
Name:
John Smith
Email:
John@sample.com
Password:
************
Shipping Address
1000/2B Dawn Ave, Waveton, NSW, 2069
101/2 Smith Ave, St Leonards, NSW, 2069
+ Add New Shipping Address

31. GIRLS
BOYS
SHOP BY
SCHOOL
SIGN IN
REGISTER
Home > Saved Items
Saved Items
Select All
Group By Grade
Product Title
Color
Ungrouped Clothes(6)
Accessaries(0)
Polo Shirt
Pant
Short
Polo Shirt
Pant
Short

32. GIRLS
BOYS
SCHOOLS
SIGN IN
REGISTER
Home > Saved Items
Saved Items
Group By Grade
Ungrouped Items (3)
Select All
1-7 Grade (3)
Name Shirt new group
Polo your
eg:1-7 Grade
Pant
Cancel
Short
Polo Shirt
Pant
Short
Save

33. GIRLS
BOYS
SCHOOLS
SIGN IN
REGISTER
Home > Saved Items
Saved Items
Group By Grade
Ungrouped Clothes (6)
Select All
Accessaries(3)
1-7 Grade(3)
Polo Shirt
Pant
Short
Polo Shirt
Pant
Short

34. GIRLS
BOYS
Hi, John
SCHOOLS
Home > Purchase History
Purchase History
Select All
Order Again
Product Title
Color
Size
Qty.
Polo Shirt
8
1
Pant
8
1
Short
8
1
Skirt
8
1

35. GIRLS
BOYS
Hi, John
SCHOOLS
Home > Purchase History
Profile
Purchase History
PurchaseOrder Again
History
Select All
Product Title
Color
Size
Qty.
Polo Shirt
8
1
Pant
8
1
Short
8
1
Skirt
8
1