Truespirit E-commerce - WIreframes & Prototype

414
-1

Published on

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

Published in: Design, Business, Lifestyle
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
414
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
10
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Truespirit E-commerce - WIreframes & Prototype

  1. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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

×