Embed Size (px)
DESCRIPTION
Citation preview
Design by: Meghna Dholakia Student Project. General Assembly UXDI Winter 2013
TRUE SPIRIT
About the Product: True Spirit is a uniform company for a new age of e-commerce. It has a diverse range of quality clothing items and is easy to use for both school administrators and parents. !!About the Project: The Design team was tasked with designing the TrueSpirit web portal to make it both easy to navigate and use while staying in touch with the brand’s fresh and modern feel.
CASE STUDY
RESEARCH
Method: Competitive analysis
Findings: •Competitors branding image is significantly different from True Spirit • Competitors offer easy to navigate website, but no special uniform
shopping experience • Competitors do not have exclusive relationships with individual schools, but
offer discounts
Opportunities Identified: • offer a better aesthetic experience • design for a uniform shopping experience > general experience • promote user-satisfaction to maintain exclusive contracts
!
USER PERSONAS
Sarah
John
Sarah has thirty minutes for lunch, after grabbing a quick bite she checks her email and sees a note from her son’s new school. She clicks the provided link and is taken to the school’s landing page on TrueSpirit. She quickly browses the products she’ll need to buy for him. She chooses the suggested standard clothes, chooses his size, and adds a few to her bag. Lunchbreak is almost over and she quickly signs out. That night after dinner she opens the website again and retrieves her shopping cart. She finishes adding the clothes he’ll need and checks out.
USERSTORY #1: SARAH• School-specific landing page
• Way to list necessary/suggested items
• A way to retrieve her shopping cart
• A way to choose her child’s size
John has a quick break in the afternoon. He was recommend the TrueSpirit site by the father of one of his daughter’s friends as a quick and quality clothing option. John logs on and browses through some of the clothing options available for middle schoolers. Ever since his daughter turned 12, he’s not quite sure what she wants to wear. John looks for feedback on the clothes, because he wants to make sure he’s buying a quality and practical option. He also wants to make sure he gets his daughter’s input before he buys anything, as she has strong opinions. Later that night, he and his daughter look at the site together and after making some changes to the shopping bag, they checkout.
USERSTORY #2: JOHN• A general way to navigate age-specific
clothing items
• A way to present feedback on quality of garments
• A way to retrieve shopping cart
• A way to share/get feedback on saved items
SUGGESTED FUNCTIONALITY
TASKFLOWS
Does the school handle sex/age a filtering? (Give parents option to change)
Where to put customer feedback?
Where do you put a school specific sell?
Where do you put shipping details (amazon vs. other)
How to give feedback on correct choices?
Do you give a “buy-all” option?
What are relevant filters/facets?
How do you allow parents to search only for relevant item
How do you “save” and retrieve a bag?
uniform suppliers!
amazon/high-end retailers!
amazon/nordstrom!
text-book buyers!
zappos/clothing retailers!
amazon/clothing retailers
MUSTS
TrueSpirit must be!!
easy to use!feel airymake life easyhave credibilitynavigation > exploration
ITERATION 1
ITERATION 2
SITE MAP
Home
Girls
Selected Products
Checkout
Shipping Info
Billing Info
Save Profile
Payment
Feedback Email (ex: anything you’d like to see offered for your school, share w/ school admin)
Payment Confirmation
Look Book
Boys
Find My School My School
Dynamic Checklist
Products (Filtered By Dresscode)
Filter by
Sort by
Price
Most Loved
Age
SexStyleCategoryMaterial
Search Results
My School Landing Page
Our Story Search Assistance
Manage Orders Contact Us
Login (Account or Order
ID)Track Shipping
Returns
Bag
Products (w/ Search Filter)
Sort By
Price
Most Loved
Filter By
Sex
Age
Style
Category
Material
About Us
Company Values & Policies
Scholarship Program
Age
Small Kid
Products (w/ Age Filter)
Big Kid
Products (w/ Age Filter)
Teen
Products (w/ Age Filter)
Style
Category
Tops
Blouses
T-Shirts
Polo Shirts
Tanktops
Sweaters
BottomsPants
Skirts
Leggings
Shorts
Gym Shorts
OuterwearHoodies
Jackets
Sport
Gym Shorts
Tank Tops
T-shirts
Leggings
Accessories
Socks
Gloves
Headbands
Belts
Gear
Logo Tshirts
Logo HoodiesiPhone
Mascot Plushy
Backpack
Casual
Casual Outfits
Formal
Formal Outfits
Sport
Products (w/ Sport Filter)
Age
Small Kid
Products (w/ Age Filter)
Big Kid
Products (w/ Age Filter)
Teen
Products (w/ Age Filter)
Style Category
TopsButton-ups
T-ShirtsPolo ShirtsSweaters
Bottoms
Pants
ShortsGym Shorts
Outerwear
Hoodies Jackets
Sport
Gym Shorts
T-shirts
Accessories
SocksGlovesBelts
Gear
Logo TshirtsLogo HoodiesiPhoneMascot PlushyBackpack
Casual
Casual Outfits
Formal
Formal Outfits
Sport
Products (w/ Sport Filter)
Attributions
megan whalen, the noun project
