True spirit presentation
Upcoming SlideShare
Loading in...5
×
 

True spirit presentation

on

  • 265 views

 

Statistics

Views

Total Views
265
Views on SlideShare
252
Embed Views
13

Actions

Likes
0
Downloads
2
Comments
0

1 Embed 13

http://kmayfx.tumblr.com 13

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

True spirit presentation True spirit presentation Presentation Transcript

  • 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 True Spirit http://www.truespirit.com/ShopYourSchool/FindYourSchool/900103813/ShopChecklist Google Sign In | Sign Up My Account Girls Boys School Spirit Shop Your School Search True Spirit http://www.truespirit.com/ShopYourSchool/FindYourSchool/SelectYourSchool/900103813 Google Home Page > Sign In | Sign Up My Account Featured < Girls Boys School Spirit Shop Your School Search > Image Home Page > Shop Your School > FInd Your School > Select Your School > 900103813 True Spirit http://www.truespirit.com/ShopYourSchool/FindYourSchool/900103813/ShopChecklist Google St. Luke's School 40 Belle Ave San Anselmo, CA 94960 Preferred School Code: 900103813 Image My Account Girls Add a Student Shop Your School Uniform Shop Boys Collection Image Find your school Shop Girls Collection Sign In | Sign Up Image Create a profile for your student Boys School Spirit Shop Your School Home Page > Shop Your School > FInd Your School > Select Your School > 900103813 > Shop Checklist CLOSE Student Name Image Gabe Gabe : Junior, Boy + Add Student ▼ 41 11 Privacy & Security Customer Care Support About us Boy home screen Shop Your Checklist 40 Belle Ave CA 94960 San Anselmo, San Anselmo, CA 94960 Privacy & Security Nullam libero purus, eleifendPreferred School Code: 900103813 vitae contact School Administrator mattis sed, sodales euismod orci. Nam eget odio vel risus malesuada CHECKOUT vehicula. Pellentesque tincidunt, purus eget cursus pretium. Tops Add Student Product2 Product2 View Your Checklist Terms of Use St. Luke's School St. Luke's 40 Belle Ave School $124 ▼ ▼ Like - Comment - Share Description Select One Customer Care Support TOPS Product3 Product3 create student profile ▼ items: 3 us About Your school uniform requires 1 of this item in Navy items: 6 < + Image - Image Image OUTERWEAR Image > items: 2 Quick VIew Terms of Use Image Age Range 0 COMPLETE 14-16 16-18 Image Image items: 2 Length MORE DETAILS ACCESSORIES Sizing - Care Product3 Color: Navy Quantity BOTTOMS Privacy & Security X Code: True Blue BlazerPreferred Schoolto Bag 900103813 Add Student Profile Student Grade Terms of Use Search Size 16 Quick VIew Quick VIew Customer Care ▼ R ▼ Quick VIew Quick VIew Support About us 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 http://www.truespirit.com/ShopYourSchool/FindYourSchool/900103813/ShopChecklist Google Google School Wear Sarah Log In Boys My Account Girls Search FInd Your School Method: 3 SIgn Up GIrls ! True Spirit Web Page Title http://truespirit.com/product.detail Boys School Spirit Shop Your School Search Checkout Home Page > Shop Your School > FInd Your School > Select Your School > 900103813 > Shop Checklist Featured 1 Seasonal,New Sale, Collection Shipping 2 Payment 3 Thank You. The team created a site map and wireframes Order Summary Your Shopping Bag Shopping Bag Total Next Enter Shipping Address Girls Collection $0.00 You'll the be able to enter additional addresses below. $24.95 ▼ Next Day Air - $24.95 Arrives 9/6 Sarah Shipping Details Last Name $196.95 Street Address 3 True Blue Blazer Support About us Zip Code Color: Navy City, State 94960 Size San Anselmo, CA Next Day Air Order History 1.3.2 Profile 1.3.1 (415) 257-1959 Tops 3.1 School Wear 5.0 Footer 6.0 Logowear 5.1 Formal Shirts 3.1.1 3 Tank Tops 3.1.4 Notifications 9.0 -Signing up and creating a user account -Hints for where to find account history and Company 6.1.1 profiles. Checkout http://www.truespirit.com/ShopYourSchool/FindYourSchool/900103813/ShopChecklist 8.3 Team 6.1.2 Accessories 5.2 iPhone Case 5.2.1 Backpacks 5.2.3 Pants 3.2.1 Boys Returns 6.2.3 School Spirit Shop Your School Sign > Shop Home Page Support 6.2 > Shop Your School > FInd Your School > Select Your School > 900103813 Up 1.2 Checklist CLOSE Student Profile Contact Us Gabe : Junior, Boy 6.2.1 Shorts 3.2.3 by Boys Payment Confirmation 8.3.2 by Category ▼ Like - Comment - Share BOTTOMS Gloves 3.4.2 < + Image - Products 4.1.1.1 Products 4.1.2.1 > items: 2 Image Age Range 1 -Getting correct checklist based on school, grade COMPLETE 14-16 16-18 level and gender. Image Image items: 2 4.3 Checklist Image School Wear 4.1.3 ACCESSORIES Sizing - Care Product3 Color: Navy Your school uniform requires 1 of this item in Navy items: 6 OUTERWEAR -Creating student profiles. Product3 Product3 items: 3 Image Image Boys 4.1.2 code. $124 Nullam libero purus, eleifendPreferred School Code: 900103813 vitae contact School Administrator mattis sed, sodales euismod orci. Nam eget odio vel risus malesuada CHECKOUT vehicula. Pellentesque tincidunt, purus eget cursus pretium. Quantity Socks 3.4.1 St. Luke's School St. Luke's 40 Belle Ave School 40 Belle Ave CA 94960 San Anselmo, San Anselmo, CA 94960 Description Product2 Product2 View Your Checklist TOPS 41 by Age Tops Jackets 3.3.2 School Landing Page 4.1 Login 1.3 Payment 8.3.1 6.2.3 -Finding correct school with / without a school X Code: True Blue BlazerPreferred Schoolto Bag 900103813 Add by Girls Shop Your Checklist Returns Search Results + Add Student ▼ Shipping 6.2.2 Search Girls 4.1.1 CORE PRODUCT EXPERIENCE Search by Color Gymshorts 3.2.2 Outerwear 3.3 Sign In | Sign Up My Account by Price Girls ! Google Shipping 6.2.2 Sort School Scholarship Program 6.1.3 School Mascot Plushtoy 5.2.2 Bottoms 3.2 Belts 3.4.3 About us True Spirit Jackets 3.1.6 Accessories 3.4 Support Products 8.2 Search Results 7.1 Sweaters 3.1.5 Hoodies 3.3.1 Customer Care Bag 8.0 Polo Shirts 3.1.3 4 SET UP AND FIRST RUN 2 First time experience:
 Search 7.0 T-Shirts 5.1.1 Hoodies 5.1.2 Arrives 9/6 Next Day Air 32W 34L Quantity Privacy & Security About Us 6.1 T-Shirts 3.1.2 Size Login 1.3 Terms of Use Find Your School 4.0 Interlock Pants Color: Khaki + Add Shipping Address Sign Up 1.2 1 Quantity True Spirit 1.0 ! Arrives 9/6 26 R Day Phone OnBoard 1.1 to find their school and is for a first time user. Items Shipping 100 Woodside Dr Street Address (optional) Boys 3.0 to final purchase. The user flow requires the user Order Total Parker Boys Collection provided a single user flow from entering the site Shipping Shipping Method First Name Image using Omnigraffle and a prototype in Invision that $172.00 Tax Shipping to multiple addresses? Enter your first shipping address below. 1.1 2 ! Checklist Logo Wear 4.1.3.1 Quick VIew Accessories Terms of Use Privacy & Security 4.1.3.2 Length MORE DETAILS Products Size 4.1.3.1.1 26 Quick VIew Quick VIew Products Customer Care 4.1.3.2.1 Support ▼ R -Maintaining the checklist as items are purchased. ▼ in stock Quick VIew Quick VIew Provide a quick and easy to use checkout process. About us 

  • Opportunities to Explore Through our user research we identified a few new opportunities to explore: ・Custom tailoring for pant length and skirt length. ・Adding a custom name tag sewn into clothing items: “made by 
 ! ! for _________________”
  • THANK YOU Kevin May kmayfx@gmail.com