• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
UXDi Case study - True Spirit E-commerce website #uxdesign #informationarchitecture

UXDi Case study - True Spirit E-commerce website #uxdesign #informationarchitecture



True Spirit E-commerce website #uxdesign #informationarchitecture #wireframing #prototyping #usabilitytesting

True Spirit E-commerce website #uxdesign #informationarchitecture #wireframing #prototyping #usabilitytesting



Total Views
Views on SlideShare
Embed Views



1 Embed 3

http://www.slideee.com 3


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.

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

    UXDi Case study - True Spirit E-commerce website #uxdesign #informationarchitecture UXDi Case study - True Spirit E-commerce website #uxdesign #informationarchitecture Presentation Transcript

    • Hello everyone!
    • UXDi PROJECT 2
    • What are the brief key requirements?
    • The Brief Offer updated uniform fashion including pants for girls and zip- up hoodies “Must-haves” check list School administrator area Recommend accessories allowed by the school’s dress code Encourage users to express their tastes The website needs to… The visual design complements the brand
    • Market research: insights •  The homepage should provide a clear snapshot of the overall content and support the brand consistently •  Users should be able to easily locate and use the navigation schema •  Checkout flow and forms to be designed to keep the customer focused on the purchasing process. Secondary competitors Competitive analysis UX patterns & design principles
    • Who are our users?
    • JOHN, “experienced online buyer” SARAH, “new to school uniforms” JESS, “school administrator” Our personas
    • JOHN, “experienced online buyer” Our personas CHARACTERISTICS Savvy Spender DRIVERS “I like the efficiency of online shopping.” TASK John visits the website to purchase a white polo shirt and blue trousers for his daughter. NEEDS Flow through the process quickly
    • SARAH, “new to school uniforms” Our personas CHARACTERISTICS Pragmatic purchaser DRIVERS “I want our family to fit in” TASK Sarah is sent an email from the school administrator with a list of acceptable clothing for the school NEEDS Find required items easily
    • What is our approach?
    • REVISE CREATE VALIDATE Design process
    • Card sorting
    • Sitemap
    • Navigation schema
    • Task analysis
    • User flows
    • Wireframing from paper…
    • …to digital
    • Usability testing
    • How does this product address users’ needs?
    • TrueSpirit will… Provide a clear way to make returns at every step of the journey School admin | Sign in | Wish list | Help 0 items · £0 FREE SHIPPING over £50 · FREE RETURNS in all orders BOYS GIRLS SALE FIND YOUR SCHOOL ABOUT You may also like... Viewed products + Girls’ Fashion School Polo shirt BACK TO CATEGORY ADD TO BAG PRODUCT DETAILS CARE & COMFORT REVIEWS COLOUR SIZE Send to a friend FREE SHIPPING & RETURNS SIZE GUIDE 6-7 yo 1 In stock 11-127-8 yo 8-9 yo 9-10 XS XLS M L XL # 37744132 £22.00 (89 reviews) NEXT ITEM
    • TrueSpirit will… The checkout flow provides a efficient completion path School admin | Sign in | Wish 2 FREE SHIPPING over £50 · FREE RETURNS in all orders BOYS GIRLS SALE FIND YOUR SCHOOL ABOUT SECURE CHECKOUT Home / Che 1 Checkout method 2 Billing & payment 3 Confirmation BILLING ADDRESS Please enter your details in the form below Required fields are indicated with an ‘ ’ * LAST NAME* Davila COUNTRY* United Kingdom ADDRESS* Long Lane, East Finchley STREET / FLAT Nº* 380 CITY* London FIRST NAME* Patricia ADDRESS LOOK-UP N2 8JX GO ORDER SUMMARY Total ----------------------------- £58.00 Subtotal ------------------------ £58.00 Delivery --------------------------- £0.00 PAYMENT METHOD CREDIT / DEBIT CARD PAYPAL CREDIT CARD DETAILS Please enter your credit or debit card details below. CARD NUMBER (16 digits number on the front) ************1569 EXPIRATION DATE EDIT
    • TrueSpirit will… Provide the option of sharing a specific item or the wishlist. ADD TO BA PRODUCT DETAILS Send to a friend SIZE GUIDE 1 XS S
    • TrueSpirit will… · Polo shirts · Tank tops Outerwear · Jackets · Sweaters · Hoodies Bottoms · Skirts · Troursers · Shorts · Leggings Sportwear · Gymshorts Accessories · Belts · Gloves · Socks MULTI-OUFIT + FILTER SORT BYGirls Essentials Boys Essentials Blue troursers # 37744132 £28.00 Blue troursers # 37744132 £28.00 Blue troursers # 37744132 £28.00 Blue troursers # 37744132 £28.00 SALE OUT OF STOCK SALE OUT OF STOCK BRANDED PRODUCTS + SALE + THIS ITEM IS IN YOUR BAG Provide users with feedback on the items they’ve already bought.
    • What’s next?
    • Next steps… Refine the prototype based on last users’ feedback Create True Spirit case study
    • Clickable prototype http://invis.io/VMPZ3SD4
    • Thanks! Any questions?