• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Truespirit E-commerce - WIreframes & Prototype
 

Truespirit E-commerce - WIreframes & Prototype

on

  • 162 views

General Assembly UXDi Summer 2014 Sydney

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

Statistics

Views

Total Views
162
Views on SlideShare
162
Embed Views
0

Actions

Likes
0
Downloads
2
Comments
0

0 Embeds 0

No embeds

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Truespirit E-commerce - WIreframes & Prototype Truespirit E-commerce - WIreframes & Prototype Document Transcript

    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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
    • 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