View
133
Download
2
Category
Tags:
Preview:
DESCRIPTION
Citation preview
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 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.
Homepage -Clearly labeled packaged outfits with buy now options -News and Information about True Spirit
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 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
Sitemap
ScenariosMethod: !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!!
!!
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!!Opportunities Identified: !Clarify the Site Map and make checkout process more transparent!!
True Spirit
School Homepages
Boys
Tops
Bottoms
Gym
Access.
Outerwear
T-ShirtsFormal
SweatersPolos
ShortsPants
Tank TopsGym Short
Socks
Gloves
Belts
JacketsHoodies
Girls
Tops
Bottoms
Gym
Access.
Outerwear
T-ShirtsFormal
Sweaters
ShortsPants
Tank TopsGym Short
Socks
HeadbandBelts
JacketsHoodies
LeggingsPolo Skirts
School Spirit
Backpacks
School Logo Merchandise
I Phone caseLogo T-ShirtLogo HoodieSchool Mascot Plush Toy
Global Header Global Footer
Search
Search Results
SearchBag
Search
LoginPay Pal
BagPay Pal
About Us
Return Policy
GuaranteeContact us Scholarship
Program
True Spirit
Global Home Page:-Global navigation-Global header-Global footer-Featured sales, bundles, and information about scholarships-Multiple options for searching schools-Account Login ability for easier saved searches and multiple schools/children
Search Website Log In Pay Pal Bag
Search Website Scholarship Contact Us Pay PalBag
Learn about our Scholarship Program
Girls
Schools
Accessories
Home
Boys
Search by School Name
Search by City
Search by Zip
School Search Results
Sale ItemsPre-Assembled
Outfits and Packages
Scholarship Program
School Logo
School Info
User interviewsMethod: !!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!
Prototype
SAMPLE
Method: !The team created a prototype in Invision that captured the screen-based version of the experience. !!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!
Recommended