SlideShare uma empresa Scribd logo
1 de 9
Baixar para ler offline
Design by: Michael Bush
Student Project. General Assembly UXDI Winter 2013

Saturday, December 7, 2013
About the Product:
True spirit is an e-commerce site for school uniforms. It allows parents to purchase all
clothing and select items required by their schools, navigate the site via an automated
shopping list and purchase additional school-branded merchandise. 

About the Project:
TrueSpirit is a new internet retailer for schools and parents who want modern school
uniforms for K­12 children. The company was looking to build a strong web presence to
match the modern brand ethos and create a seamless experience from browsing to
targeted search to purchase completion.

Saturday, December 7, 2013
Let’s talk about Sarah.
She never went to private school and
is a little overwhelmed.

“

I hope I’m ordering the right things

Saturday, December 7, 2013

”
http://invis.io/Y6KTAN97

home screen
Saturday, December 7, 2013

product category page

product page
CASE STUDY
Saturday, December 7, 2013
DESIGN RESEARCH

Method:
With a group of three participants, I pursued a card-sorting exercise to
gain insights on the best ways to group product categories for ease of
navigation.
A class of 19 other designers doing the same exercise also shared their
results, further revealing common patterns for sorting the category
names.

Findings:
It was common for participants to separate both boys and girls clothing
into four meta-categories: tops, bottoms, outerwear & accessories.
School-branded items were typically left in their own separate category,
given their unisex nature.

Opportunities Identified:
All of our products could be grouped under the three sub-headings:
boys, girls and school-branded products.

Saturday, December 7, 2013
DESIGN ITERATION | DESIGN HYPOTHESIS
ITERATION 1

Method:
I started by diagramming two separate paths users would likely take (based
on personas provided by the company) to locate products and complete a
purchase. I also created a site map to develop a general structure for the
site’s contents. The combination of these two exercises then served as a
basis for wireframe concepts that I initially drew by hand, then inputted into
Omnigraffle--a standard wireframing software application.

Opportunities Identified:
Through this process, I found there were many opportunities to help two of
our persona characters to overcome their likely concerns: One parent
primarily wants an efficient experience. Another is new to private schools
and wants some assurance that her purchase decisions are right.

Saturday, December 7, 2013
DESIGN ITERATIONS | PROTOTYPE

Method:
When basic wireframes were completed for the
major pages on the site, I inputted these into an
online prototyping application to test navigation
with potential users.

LE
P
AM
S

Saturday, December 7, 2013

FIRST RUN AND CHECKOUT
The prototype largely focuses on the first-run
experience of connecting up with a school’s
suggested shopping list, locating a product and
completing a purchase.
CORE PRODUCT EXPERIENCE
- A global navigation to locate product categories
- A find-school flow to help parents retrieve a dresscode and school-approved items.
- Filtering options for product category pages
- Product pages that also present similar/
complimentary items as well as user-generated
product reviews that privilege same-school entries
- A shopping bag that leads to a checkout flow
THANK YOU
Michael Bush
michaelfbush@gmail.com

Saturday, December 7, 2013

Mais conteúdo relacionado

Destaque (9)

Las Vegas
Las VegasLas Vegas
Las Vegas
 
Adelaideç
AdelaideçAdelaideç
Adelaideç
 
Isaac Ahmad resume February 2017
Isaac Ahmad resume February 2017Isaac Ahmad resume February 2017
Isaac Ahmad resume February 2017
 
Aplikasi komputer tgl 19 des 20156
Aplikasi komputer tgl 19 des 20156Aplikasi komputer tgl 19 des 20156
Aplikasi komputer tgl 19 des 20156
 
PGA Catalunya Resort - Residential Collection
PGA Catalunya Resort - Residential CollectionPGA Catalunya Resort - Residential Collection
PGA Catalunya Resort - Residential Collection
 
Multimedia Streaming (Networking)
Multimedia Streaming (Networking)Multimedia Streaming (Networking)
Multimedia Streaming (Networking)
 
Sustainable energy Powerpoint Presentation
Sustainable energy Powerpoint PresentationSustainable energy Powerpoint Presentation
Sustainable energy Powerpoint Presentation
 
characterstics of computer
characterstics of computercharacterstics of computer
characterstics of computer
 
Enterprise Architecture basics
Enterprise Architecture basicsEnterprise Architecture basics
Enterprise Architecture basics
 

Último

Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
gajnagarg
 
Just Call Vip call girls Etawah Escorts ☎️9352988975 Two shot with one girl (...
Just Call Vip call girls Etawah Escorts ☎️9352988975 Two shot with one girl (...Just Call Vip call girls Etawah Escorts ☎️9352988975 Two shot with one girl (...
Just Call Vip call girls Etawah Escorts ☎️9352988975 Two shot with one girl (...
gajnagarg
 
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
amitlee9823
 
ab-initio-training basics and architecture
ab-initio-training basics and architectureab-initio-training basics and architecture
ab-initio-training basics and architecture
saipriyacoool
 
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
amitlee9823
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
mark11275
 
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men  🔝dharamshala🔝  ...➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men  🔝dharamshala🔝  ...
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
amitlee9823
 
Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...
Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...
Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...
sriharipichandi
 
Vip Mumbai Call Girls Borivali Call On 9920725232 With Body to body massage w...
Vip Mumbai Call Girls Borivali Call On 9920725232 With Body to body massage w...Vip Mumbai Call Girls Borivali Call On 9920725232 With Body to body massage w...
Vip Mumbai Call Girls Borivali Call On 9920725232 With Body to body massage w...
amitlee9823
 
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
amitlee9823
 

Último (20)

Hire 💕 8617697112 Meerut Call Girls Service Call Girls Agency
Hire 💕 8617697112 Meerut Call Girls Service Call Girls AgencyHire 💕 8617697112 Meerut Call Girls Service Call Girls Agency
Hire 💕 8617697112 Meerut Call Girls Service Call Girls Agency
 
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
 
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
 
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
 
Just Call Vip call girls Etawah Escorts ☎️9352988975 Two shot with one girl (...
Just Call Vip call girls Etawah Escorts ☎️9352988975 Two shot with one girl (...Just Call Vip call girls Etawah Escorts ☎️9352988975 Two shot with one girl (...
Just Call Vip call girls Etawah Escorts ☎️9352988975 Two shot with one girl (...
 
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experiencedWhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
 
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
 
ab-initio-training basics and architecture
ab-initio-training basics and architectureab-initio-training basics and architecture
ab-initio-training basics and architecture
 
8377087607, Door Step Call Girls In Majnu Ka Tilla (Delhi) 24/7 Available
8377087607, Door Step Call Girls In Majnu Ka Tilla (Delhi) 24/7 Available8377087607, Door Step Call Girls In Majnu Ka Tilla (Delhi) 24/7 Available
8377087607, Door Step Call Girls In Majnu Ka Tilla (Delhi) 24/7 Available
 
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verifiedSector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
 
Sweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptxSweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptx
 
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
 
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men  🔝dharamshala🔝  ...➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men  🔝dharamshala🔝  ...
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
 
Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...
Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...
Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...
 
Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad IbrahimGamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahim
 
Vip Mumbai Call Girls Borivali Call On 9920725232 With Body to body massage w...
Vip Mumbai Call Girls Borivali Call On 9920725232 With Body to body massage w...Vip Mumbai Call Girls Borivali Call On 9920725232 With Body to body massage w...
Vip Mumbai Call Girls Borivali Call On 9920725232 With Body to body massage w...
 
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
 
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
 
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best ServiceHigh Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
 

True Spirit Presentation Deck

  • 1. Design by: Michael Bush Student Project. General Assembly UXDI Winter 2013 Saturday, December 7, 2013
  • 2. About the Product: True spirit is an e-commerce site for school uniforms. It allows parents to purchase all clothing and select items required by their schools, navigate the site via an automated shopping list and purchase additional school-branded merchandise.  About the Project: TrueSpirit is a new internet retailer for schools and parents who want modern school uniforms for K­12 children. The company was looking to build a strong web presence to match the modern brand ethos and create a seamless experience from browsing to targeted search to purchase completion. Saturday, December 7, 2013
  • 3. Let’s talk about Sarah. She never went to private school and is a little overwhelmed. “ I hope I’m ordering the right things Saturday, December 7, 2013 ”
  • 4. http://invis.io/Y6KTAN97 home screen Saturday, December 7, 2013 product category page product page
  • 6. DESIGN RESEARCH Method: With a group of three participants, I pursued a card-sorting exercise to gain insights on the best ways to group product categories for ease of navigation. A class of 19 other designers doing the same exercise also shared their results, further revealing common patterns for sorting the category names. Findings: It was common for participants to separate both boys and girls clothing into four meta-categories: tops, bottoms, outerwear & accessories. School-branded items were typically left in their own separate category, given their unisex nature. Opportunities Identified: All of our products could be grouped under the three sub-headings: boys, girls and school-branded products. Saturday, December 7, 2013
  • 7. DESIGN ITERATION | DESIGN HYPOTHESIS ITERATION 1 Method: I started by diagramming two separate paths users would likely take (based on personas provided by the company) to locate products and complete a purchase. I also created a site map to develop a general structure for the site’s contents. The combination of these two exercises then served as a basis for wireframe concepts that I initially drew by hand, then inputted into Omnigraffle--a standard wireframing software application. Opportunities Identified: Through this process, I found there were many opportunities to help two of our persona characters to overcome their likely concerns: One parent primarily wants an efficient experience. Another is new to private schools and wants some assurance that her purchase decisions are right. Saturday, December 7, 2013
  • 8. DESIGN ITERATIONS | PROTOTYPE Method: When basic wireframes were completed for the major pages on the site, I inputted these into an online prototyping application to test navigation with potential users. LE P AM S Saturday, December 7, 2013 FIRST RUN AND CHECKOUT The prototype largely focuses on the first-run experience of connecting up with a school’s suggested shopping list, locating a product and completing a purchase. CORE PRODUCT EXPERIENCE - A global navigation to locate product categories - A find-school flow to help parents retrieve a dresscode and school-approved items. - Filtering options for product category pages - Product pages that also present similar/ complimentary items as well as user-generated product reviews that privilege same-school entries - A shopping bag that leads to a checkout flow