Design by: Kevin May
Student Project. General Assembly UXDI Winter 2013
About the Product: trueSpirit is an E-commerce site for purchasing student school uniforms.
The trueSpirit site provides a quick and simple way for parents to shop for the school dress code
requirements by using an online shopping checklist provided by their school administrator. Parents
can search for their school checklist and easily find all the required uniform items in one place based
upon their child grade and gender.
!!About the Project: trueSpirit is a new branded clothing company committed to creating well designed, durable and stylish
school uniforms. The trueSpirit team was looking to create an appropriate experience for their target
customer that could be delivered via web.
This project focuses on a significant opportunity to incorporate required school uniform checklists
The team was given the constraint of targeting the web as primary delivery channels.
Link to InVision Prototype
Googlehttp://www.truespirit.com/ShopYourSchool/FindYourSchool/900103813/ShopChecklist
True Spirit
Sign In | Sign Up
My Account
Home Page >
SearchGirls Boys School Spirit Shop Your School
Support About usCustomer CareTerms of Use Privacy & Security
Image
Featured
Image
Shop Girls Collection
Image
Shop Boys Collection
< >
Image
Shop Your SchoolUniform
Support About usCustomer CareTerms of Use Privacy & Security
Find your school
Googlehttp://www.truespirit.com/ShopYourSchool/FindYourSchool/SelectYourSchool/900103813
True Spirit
Sign In | Sign Up
My Account
Home Page > Shop Your School > FInd Your School > Select Your School > 900103813
SearchGirls Boys School Spirit Shop Your School
Add a Student
Add Student
St. Luke's School 40 Belle AveSan Anselmo, CA 94960
Preferred School Code: 900103813
Create a profile for your student
Gabe
Student Name
11Student Grade
BoySelect One
Image
▼
▼
Support About usCustomer CareTerms of Use Privacy & Security
Googlehttp://www.truespirit.com/ShopYourSchool/FindYourSchool/900103813/ShopChecklist
True Spirit
Home Page > Shop Your School > FInd Your School > Select Your School > 900103813 > Shop Checklist
Sign In | Sign Up
My Account
SearchGirls Boys School Spirit Shop Your School
Support About usCustomer CareTerms of Use Privacy & Security
Shop Your Checklist
▼View Your Checklist
Image
Quick VIew
Student Profile
▼Gabe : Junior, Boy
Tops
TOPS
BOTTOMS
OUTERWEAR
ACCESSORIES
items: 3
items: 6
items: 2
items: 2
+ -
Product2
Image
Product3
Image
Product3
Quick VIew Quick VIew
St. Luke's School 40 Belle AveSan Anselmo, CA 94960
+ Add Student
contact School Administrator
Preferred School Code: 900103813
Product2
Image
Product3
Quick VIew Quick VIew
St. Luke's School 40 Belle AveSan Anselmo, CA 94960
Preferred School Code: 900103813
True Blue BlazerAdd to Bag
$124Description
Nullam libero purus, eleifend vitae mattis sed, sodales euismod orci. Nam eget odio vel risus malesuada vehicula. Pellentesque tincidunt, purus eget cursus pretium.
41 Like - Comment - Share
Color: Navy
Age Range 14-16 16-18
SizeLength
▼R▼16
0Quantity
Image Image Image< >
MORE DETAILS
Sizing - Care
CHECKOUT
XCLOSE
COMPLETE
Your school uniform requires 1 of this item in Navy
create student profile
home screen
shop by school required checklist
CASE STUDY
DESIGN RESEARCH!!!We were given sample personas, user research and brand analysis as
part of the trueSpirit project brief.
We were asked to create a user flow based upon one of two scenarios
We looked for ways to create a quick and simple solution to finding
(and using) a school requirements checklist. We looked for what
types of things the user would need to achieve and finally purchase
online, all the required clothing items on their checklist.
Findings: Although research was provided for this project, we spoke with
members of three different families who purchase school uniforms
for their children.Competitive analysis was done on both school
uniform specific companies as well as clothing industry leaders and
small boutique sellers.
Opportunities Identified: 1). Clothing should be easily cared for(i.e. NO dry cleaning).
2). User should be able to easily start shopping from the checklist
without having to navigate to find all of the items on their checklist
3). Since the clothing is required, users want to get in and get out as
fast as possible without a lot of exploring.
4.) Better fit and sizing options
DESIGN ITERATIONS | PROTOTYPE
!
!
!
Method: The team created a site map and wireframes
using Omnigraffle and a prototype in Invision that
provided a single user flow from entering the site
to final purchase. The user flow requires the user
to find their school and is for a first time user.
!SET UP AND FIRST RUN
First time experience:
-Signing up and creating a user account
-Hints for where to find account history and
profiles.
!CORE PRODUCT EXPERIENCE
-Finding correct school with / without a school
code.
-Creating student profiles.
-Getting correct checklist based on school, grade
level and gender.
-Maintaining the checklist as items are purchased.
Provide a quick and easy to use checkout process.
True Spirit 1.0OnBoard
1.1
Girls 2.0 Boys 3.0 School Wear 5.0 Footer 6.0 Search 7.0 Bag 8.0
Sign Up 1.2 Login 1.3
Notifications 9.0
Accessories 2.4
Outerwear 2.3
Bottoms 2.2
Tops 2.1 Logowear 5.1
Accessories 5.2
Accessories 3.4
Outerwear 3.3
Bottoms 3.2
Tops 3.1
Search Results
7.1
by Price
by Color
by Boys
by Girls
by Age
Checkout 8.3
Shipping 6.2.2
Returns 6.2.3
Sign Up 1.2
Login 1.3
Payment 8.3.1
About Us 6.1
Support 6.2
Company 6.1.1
Team 6.1.2
SchoolScholarship
Program 6.1.3
Contact Us 6.2.1
Shipping 6.2.2
Returns 6.2.3
PaymentConfirmation
8.3.2
Find Your School 4.0
Search Results
SchoolLanding Page 4.1
Boys 4.1.2Girls 4.1.1 School Wear 4.1.3
Checklist
Logo Wear 4.1.3.1
Accessories 4.1.3.2
ChecklistProducts 4.1.1.1
Products 4.1.2.1
Products4.1.3.1.1
Products4.1.3.2.1
by Category
Formal Shirts 2.1.1
T-Shirts 2.1.2
Polo Shirts 2.1.3
Tank Tops 2.1.4
Sweaters 2.1.5
Jackets 2.1.6
Pants 2.2.1
Gymshorts 2.2.2
Shorts 2.2.3
Hoodies 2.3.1
Jackets 2.3.2
Socks 2.4.1
Gloves 2.4.2
Headbands 2.4.3
Belts 2.4.4
Skirts 2.2.4
Leggings 2.2.5
Formal Shirts 3.1.1
T-Shirts 3.1.2
Polo Shirts 3.1.3
Tank Tops 3.1.4
Sweaters 3.1.5
Jackets 3.1.6
Pants 3.2.1
Gymshorts 3.2.2
Shorts 3.2.3
Hoodies 3.3.1
Jackets 3.3.2
Socks 3.4.1
Gloves 3.4.2
Belts 3.4.3
T-Shirts 5.1.1
Hoodies 5.1.2
iPhone Case 5.2.1
School Mascot Plushtoy 5.2.2
Backpacks 5.2.3
Products 8.2
Sort
Search
Order History 1.3.2
Profile 1.3.1
Googlehttp://truespirit.com/product.detail
Web Page Title
GIrls Boys School Wear SearchFInd Your School
FeaturedSeasonal,New Sale, Collection
SIgn Up
Log In
Image
Boys Collection
Girls Collection
Support About us
Googlehttp://www.truespirit.com/ShopYourSchool/FindYourSchool/900103813/ShopChecklist
True Spirit
Home Page > Shop Your School > FInd Your School > Select Your School > 900103813 > Shop Checklist
Sign In | Sign Up
My Account
SearchGirls Boys School Spirit Shop Your School
Support About usCustomer CareTerms of Use Privacy & Security
Shop Your Checklist
▼View Your Checklist
Image
Quick VIew
Student Profile
▼Gabe : Junior, Boy
Tops
TOPS
BOTTOMS
OUTERWEAR
ACCESSORIES
items: 3
items: 6
items: 2
items: 2
+ -
Product2
Image
Product3
Image
Product3
Quick VIew Quick VIew
St. Luke's School 40 Belle AveSan Anselmo, CA 94960
+ Add Student
contact School Administrator
Preferred School Code: 900103813
Product2
Image
Product3
Quick VIew Quick VIew
St. Luke's School 40 Belle AveSan Anselmo, CA 94960
Preferred School Code: 900103813
True Blue BlazerAdd to Bag
$124Description
Nullam libero purus, eleifend vitae mattis sed, sodales euismod orci. Nam eget odio vel risus malesuada vehicula. Pellentesque tincidunt, purus eget cursus pretium.
41 Like - Comment - Share
Color: Navy
Age Range 14-16 16-18
SizeLength
▼R▼26
1Quantity
in stock
Image Image Image< >
MORE DETAILS
Sizing - Care
CHECKOUT
XCLOSE
Your school uniform requires 1 of this item in Navy
COMPLETE
Googlehttp://www.truespirit.com/ShopYourSchool/FindYourSchool/900103813/ShopChecklist
True Spirit
Home Page > Shop Your School > FInd Your School > Select Your School > 900103813 > Shop Checklist
SearchGirls Boys School Spirit Shop Your School
3
Checkout
1 2Shipping 3Payment Order SummaryThank You.
Next
Tax
$172.00
Shopping Bag Total
Shipping
Order Total
$0.00
$24.95
$196.95
Items Shipping
3
Sarah
My Account
True Blue BlazerColor: Navy
R26Size
1Quantity
Interlock PantsColor: Khaki
32W 34LSize
2Quantity
Your Shopping Bag
Enter Shipping AddressShipping to multiple addresses? Enter your first shipping address below.
You'll the be able to enter additional addresses below.
Sarah
First Name
100 Woodside Dr
Street Address
Street Address (optional)
94960
Zip Code
Parker
Last Name
(415) 257-1959
Day Phone
Shipping Method
Next Day Air - $24.95 Arrives 9/6 ▼
San Anselmo, CA
City, State
+ Add Shipping Address
Shipping Details
Support About usCustomer CareTerms of Use Privacy & Security
Arrives 9/6
Arrives 9/6
Next Day Air
Next Day Air
Opportunities to Explore
·Custom tailoring for pant length and skirt length.
·Adding a custom name tag sewn into clothing items:
“made by for _________________” !!
Through our user research we identified a few new opportunities to explore:
THANK YOU Kevin May [email protected]