uxdi case study - true spirit e-commerce website #uxdesign #informationarchitecture

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

Key findings

CHECKOUT PROCESS

NAVIGATION

USER FLOWS

SITEMAP

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

2014 True Spirit. All rights reserved. Sitemap Terms and conditions Privacy and security Careers SSL Security

Type yout email

NEWSLETTER SIGN UP LET’S GET SOCIAL

Find a store

CONTACT US MY ACCOUNT CUSTOMER SERVICESLink 1Link 2Link 3Link 4

Link 1Link 2Link 3Link 4


Blue troursers# 37744132

£28.00


£28.00


£28.00


£28.00


£28.00

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


2 items · £58




Type yout email


Find a store




SECURE CHECKOUT Home / Checkout

1 Checkout method 2 Billing & payment 3 Confirmation

BILLING ADDRESSPlease enter your details in the form belowRequired fields are indicated with an ‘ ’

SHIPPING ADDRESSI would like to receive email updates on new brands,products and offers from truespirit.com

Notes about your order (e.g. special delivery)

*

LAST NAME*

Davila

COUNTRY*

United Kingdom

ADDRESS*

Long Lane, East Finchley

STREET / FLAT Nº*

380

CITY*London

POSTCODE*

N2 8JX

PHONE*07903 374 632

FIRST NAME*

Patricia

ADDRESS LOOK-UPN2 8JX GO

Ship to this address

ORDER SUMMARY

Total ----------------------------- £58.00

Subtotal ------------------------ £58.00Delivery --------------------------- £0.00

PAYMENT METHOD

CREDIT / DEBIT CARD

PAYPAL

PLACE YOUR ORDER

CREDIT CARD DETAILSPlease enter your credit or debit card details below.

CVV (Security code)

***

CARD NUMBER (16 digits number on the front)

************1569

EXPIRATION DATE

07 16

EDIT

TrueSpirit will…

Provide the option of sharing a specific item or the wishlist.


0 items · £0




Type yout email


Find a store





£28.00


£28.00


£28.00


£28.00


£28.00

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…


0 items · £0




Type yout email


Find a store




ALL -What’s newShirts · Formal shirts · T-Shirts · Polo shirts · Tank topsOuterwear · Jackets · Sweaters · HoodiesBottoms · Skirts · Troursers · Shorts · LeggingsSportwear · GymshortsAccessories · Belts · Gloves · Socks

MULTI-OUFIT +

ST-MARTHA’S SCHOOL Home / Find your school / St-Martha’s School

FILTER SORT BYGirls Essentials Boys Essentials


£28.00Blue troursers# 37744132



£28.00





£28.00

SALE

OUT OF STOCK

OFFER

1 2 3 4

SALE

OUT OF STOCK

BRANDED PRODUCTS +

SALE +

THIS ITEM ISIN 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?

uxdi case study - true spirit e-commerce website #uxdesign #informationarchitecture

Design

school uniformsjess

free returns

product address users

debit card details

stock sale

users feedback

journey school admin

orders boys girls sale