際際滷

際際滷Share a Scribd company logo

True spirit presentation

J
Joe O'Donnell

This document summarizes a student project for a UX design course to redesign the website for TrueSpirit, an online retailer of school uniforms and accessories. The project involved creating wireframes, a clickable prototype, and a design specification document. Research included personas, customer interviews, and an analysis of competitors. The design process involved two iterations, with the second iteration creating a higher-fidelity prototype to get better feedback. The prototype mapped out the key experiences of awareness, setup, shopping, purchasing, and checkout.

1 of 8
Download to read offline
design by: joe odonnell Student Project. General Assembly UXDI Winter 2013
About the Product: TrueSpirit is the countrys fastest growing internet retailer of fashionable school uniforms and accessories for modern families. In addition to offering retro, or traditional school uniform items, they also provide the latest in branded phone cases, backpacks, hoodies and the like. ! ! About the Project: The TrueSpirit project is a student assignment for a UX immersion course. The goal was to create an overall design concept and execute an assortment of deliverables which included a wireframes e-commerce website, a clickable prototype and annotated design specification document.
click here for invision prototype link login screen product detail screen added to bag
CASE STUDY
DESIGN RESEARCH Method: Detailed personas of customer stakeholders were provided. In addition, interviews with frequent online shoppers was conducted. ! An analysis of other school uniform providers and fashion retailers online was also performed. Findings: While there are no shortage of retailers who provide school uniforms, there is a clear opportunity for disruption. A new, modern generation of tech savvy parents and administrators understand simple, elegant technology that helps to make their lives a little more simple. Opportunities Identified: Create a web-based platform for parents and administrators that: ! 1). Makes it simpler to find their students approved clothes 2). Provides a more elegant, branded experience 3). Puts customers service first
DESIGN ITERATION | DESIGN HYPOTHESIS ITERATION 1 Method: The early wireframes were walked through with others. Findings: Most people didnt have the imagination to really get a good feel for the site. Was making something safe. Miserable. ! Opportunities Identified: In creating a higher fidelity wireframe, there was higher fidelity feedback, which led to better design. ! ! ITERATION 2
DESIGN ITERATIONS | PROTOTYPE Method: Created a prototype in invision that captured the screen-based version of the experience. ! AWARENESS Awareness of the product ! SET UP AND FIRST RUN First time experience - shopping around - setting up an account Core Product Experience Completing the full profile Finding and purchasing a product Purchasing an item Adding to bag Checkout
THANK YOU joe odonnell joe@inbrandmedia.com

More Related Content

True spirit presentation

  • 1. design by: joe odonnell Student Project. General Assembly UXDI Winter 2013
  • 2. About the Product: TrueSpirit is the countrys fastest growing internet retailer of fashionable school uniforms and accessories for modern families. In addition to offering retro, or traditional school uniform items, they also provide the latest in branded phone cases, backpacks, hoodies and the like. ! ! About the Project: The TrueSpirit project is a student assignment for a UX immersion course. The goal was to create an overall design concept and execute an assortment of deliverables which included a wireframes e-commerce website, a clickable prototype and annotated design specification document.
  • 3. click here for invision prototype link login screen product detail screen added to bag
  • 5. DESIGN RESEARCH Method: Detailed personas of customer stakeholders were provided. In addition, interviews with frequent online shoppers was conducted. ! An analysis of other school uniform providers and fashion retailers online was also performed. Findings: While there are no shortage of retailers who provide school uniforms, there is a clear opportunity for disruption. A new, modern generation of tech savvy parents and administrators understand simple, elegant technology that helps to make their lives a little more simple. Opportunities Identified: Create a web-based platform for parents and administrators that: ! 1). Makes it simpler to find their students approved clothes 2). Provides a more elegant, branded experience 3). Puts customers service first
  • 6. DESIGN ITERATION | DESIGN HYPOTHESIS ITERATION 1 Method: The early wireframes were walked through with others. Findings: Most people didnt have the imagination to really get a good feel for the site. Was making something safe. Miserable. ! Opportunities Identified: In creating a higher fidelity wireframe, there was higher fidelity feedback, which led to better design. ! ! ITERATION 2
  • 7. DESIGN ITERATIONS | PROTOTYPE Method: Created a prototype in invision that captured the screen-based version of the experience. ! AWARENESS Awareness of the product ! SET UP AND FIRST RUN First time experience - shopping around - setting up an account Core Product Experience Completing the full profile Finding and purchasing a product Purchasing an item Adding to bag Checkout