0
Design by: Taylor Glas-Hochstettler 

Student Project. General Assembly UXDI Winter 2013
About the Product: 



True Spirit is a uniform company for students, parents and administrators who
need an easy way to s...
http://invis.io/P2KTIRK8

Prototype Run Through
Homepage	

	

-Clearly labeled 	

	

packaged outfits	

	

with buy now options	

	

-News and Information	

	

about True ...
Product Page	

	

-Zoom for	

	

closer inspection	

	

- Up-sale suggestions
Shopping Bag	

	

-Wish list ability	

	

-Ability to change 	

	

size and quantity	

	

conveniently in Bag
CASE STUDY
Personas
Personas

*This data was provided by True Spirit and not a product of 	

the design team’s efforts.
Research
Method: !
Competitive analysis !



Findings: 

The design team drew inspiration from multiple big name websites
...
Sitemap
Scenarios
Method: !
We ideated and sketched out multiple possible user scenarios. 



- Separate users with different need...
Design Iterations
Method: !
We tested 3 users with an on screen prototype and later with a clickable
prototype in a partic...
User interviews
Method: !
!
Through group presentations, individual user research and multiple
iterations we were able to ...
Prototype
Method: !
The team created a prototype in Invision that
captured the screen-based version of the
experience. !

...
THANK YOU
Taylor Glas-Hochstettler
taylor.glas@gmail.com
Upcoming SlideShare
Loading in...5
×

True spirit presentation

151

Published on

Published in: Technology, Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
151
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "True spirit presentation"

  1. 1. Design by: Taylor Glas-Hochstettler 
 Student Project. General Assembly UXDI Winter 2013
  2. 2. About the Product: 
 
 True Spirit is a uniform company for students, parents and administrators who need an easy way to shop, set guidelines for and create their own individualized uniforms. Unlike conventional shopping malls and other online shopping experiences, True Spirit is a one-stop-shop designed for the busy parent. With high quality wares, pre-assembled outfits and clear guidelines for school specific uniforms, we take the hassle out of shopping for the perfect school uniform for the leaders of tomorrow. ! ! About the Project: 
 The True Spirit project is a student project based out of the General Assembly in San Francisco. True Spirit is looking to create a quick and easy shopping experience for their school administrators and parents that could be delivered via the web. 
 
 
 
 The design team was given user personas with the constraint of targeting web as a primary delivery channel.

  3. 3. http://invis.io/P2KTIRK8 Prototype Run Through
  4. 4. Homepage -Clearly labeled packaged outfits with buy now options -News and Information about True Spirit
  5. 5. Product Page -Zoom for closer inspection - Up-sale suggestions
  6. 6. Shopping Bag -Wish list ability -Ability to change size and quantity conveniently in Bag
  7. 7. CASE STUDY
  8. 8. Personas Personas *This data was provided by True Spirit and not a product of the design team’s efforts.
  9. 9. Research Method: ! Competitive analysis ! 
 Findings: 
 The design team drew inspiration from multiple big name websites regarding our checkout process and user flows.! ! Opportunities Identified: ! - Multiple shipping addresses! - Rapid credit card information save! - Easily referenced checkout flow! - Convenient drop down menus
  10. 10. Sitemap
  11. 11. Scenarios Method: ! We ideated and sketched out multiple possible user scenarios. 
 
 - Separate users with different needs
 AWARENESS 
 -Awareness of different needs and user paths.! -The need to have multiple address possibilities for work and home addresses! ! 
 
 ! !
  12. 12. Design Iterations Method: ! We tested 3 users with an on screen prototype and later with a clickable prototype in a participatory design session and asked them about how they would buy a product.
 Findings: 
 Large images were preferred! Visible Checkout Flows were preferred over step-by-step processes! True Spirit Global Header Global Footer About Us Search Search Bag School Homepages Bag Boys Login Girls Tops Formal Sweaters Polos Pants Pants Shorts Shorts Leggings Polo Skirts Gym Global Gym ShortPage: Home Home Schools Search by School Name -Global navigation Tank Tops -Global header School Search Results Search by Zip School Logo Outerwear School Info Pre-Assembled Outfits and Packages Sale Items Learn about our Scholarship Program Search Website Scholarship Contact Us Bag Tank Tops -Account Login ability for easier saved searches Hoodies Jackets Gloves and multiple schools/children Hoodies Accessories Scholarship Program Gym Short -Global footer Access. Socks Socks -Featured sales, bundles, and information about Belts Belts scholarships Outerwear Headband -Multiple options for searching schools Jackets Search by City Boys Gym Access. Girls Pay Pal I Phone case Logo Hoodie Bottoms True Spirit Search Results School Logo Merchandise Logo T-Shirt Bottoms Bag Search T-Shirts Formal Pay Pal Guarantee Scholarship Program Backpacks T-Shirts Log In Contact us School Spirit Tops Sweaters Search Website Return Policy Pay Pal Pay Pal School Mascot Plush Toy ! Opportunities Identified: ! Clarify the Site Map and make checkout process more transparent! !
  13. 13. User interviews Method: ! ! Through group presentations, individual user research and multiple iterations we were able to rule out some features and polish others.
 Findings: 
 Simple layouts and drop down menus were favorable to complicated layouts and long lists of information which didn't mirror our limited inventory. 
 Opportunities Identified: ! - Created an easy way to add products to personalized bags.! - Personalized profile! We identified three types of potential users for this product: ! - Multiple address possibility! - ability to sign in as guest!
  14. 14. Prototype Method: ! The team created a prototype in Invision that captured the screen-based version of the experience. ! LE MP SA ! AWARENESS 
 Awareness of the product and its strengths and weakness! ! SET UP AND FIRST RUN" First time experience
 - setting up an account! -Adding products to the user’s bag! - setting up a credit card! - Entering a shipping address and saving it! ! 
 CORE PRODUCT EXPERIENCE! Finding a student’s school! Browsing True Spirit Products! Buying a product!
  15. 15. THANK YOU Taylor Glas-Hochstettler taylor.glas@gmail.com
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×