SlideShare una empresa de Scribd logo
1 de 8
Descargar para leer sin conexión
design by: joe o’donnell 

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



TrueSpirit is the country’s 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 student’s 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 didn’t 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 o’donnell


joe@inbrandmedia.com

Más contenido relacionado

Similar a True spirit presentation

cocreation desk
cocreation deskcocreation desk
cocreation desk
jardac
 
UX Design - Lecture # 2.pptx
UX Design - Lecture # 2.pptxUX Design - Lecture # 2.pptx
UX Design - Lecture # 2.pptx
Zaid227349
 
Chapter 1 id2e_slides
Chapter 1 id2e_slidesChapter 1 id2e_slides
Chapter 1 id2e_slides
oopscrash1
 
Digital final pres
Digital final presDigital final pres
Digital final pres
cheriser
 

Similar a True spirit presentation (20)

TrueSpirit.com Case Study
TrueSpirit.com Case StudyTrueSpirit.com Case Study
TrueSpirit.com Case Study
 
Online Qual Research at Conecta
Online Qual Research at ConectaOnline Qual Research at Conecta
Online Qual Research at Conecta
 
WTF is Design Thinking
WTF is Design ThinkingWTF is Design Thinking
WTF is Design Thinking
 
Introduction to User Experience Design
Introduction to User Experience DesignIntroduction to User Experience Design
Introduction to User Experience Design
 
cocreation desk
cocreation deskcocreation desk
cocreation desk
 
Unicorn invasion: A UX workshop for all levels and stuff!
Unicorn invasion: A UX workshop for all levels and stuff!Unicorn invasion: A UX workshop for all levels and stuff!
Unicorn invasion: A UX workshop for all levels and stuff!
 
UXVision - UX Design Agency - Portfolio 2015
UXVision - UX Design Agency - Portfolio 2015UXVision - UX Design Agency - Portfolio 2015
UXVision - UX Design Agency - Portfolio 2015
 
UX South Africa 2014 - Keynote
UX South Africa 2014 - KeynoteUX South Africa 2014 - Keynote
UX South Africa 2014 - Keynote
 
UX Design - Lecture # 2.pptx
UX Design - Lecture # 2.pptxUX Design - Lecture # 2.pptx
UX Design - Lecture # 2.pptx
 
FXD 2019 Keynote: Andy Vitale, SunTrust Bank
FXD 2019 Keynote: Andy Vitale, SunTrust BankFXD 2019 Keynote: Andy Vitale, SunTrust Bank
FXD 2019 Keynote: Andy Vitale, SunTrust Bank
 
Webstock 2010 Company Preso
Webstock 2010 Company PresoWebstock 2010 Company Preso
Webstock 2010 Company Preso
 
Enterprise User Experience in Higher Education
Enterprise User Experience in Higher EducationEnterprise User Experience in Higher Education
Enterprise User Experience in Higher Education
 
Creating the Best Experience: Accessibility & Usability
Creating the Best Experience: Accessibility & UsabilityCreating the Best Experience: Accessibility & Usability
Creating the Best Experience: Accessibility & Usability
 
Senior Portfolio
Senior PortfolioSenior Portfolio
Senior Portfolio
 
The Social Shopper
The Social ShopperThe Social Shopper
The Social Shopper
 
Chapter 1 id2e_slides
Chapter 1 id2e_slidesChapter 1 id2e_slides
Chapter 1 id2e_slides
 
The Future of Surveys Smartees Breakfast
The Future of Surveys Smartees BreakfastThe Future of Surveys Smartees Breakfast
The Future of Surveys Smartees Breakfast
 
Digital final pres
Digital final presDigital final pres
Digital final pres
 
Digital final pres
Digital final presDigital final pres
Digital final pres
 
Learning trends 2015
Learning trends 2015Learning trends 2015
Learning trends 2015
 

Último

Último (20)

Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptxOn_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
 
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfUGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
 
Food safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfFood safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdf
 
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptxHMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 
Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and Modifications
 
Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptx
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)
 
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
Interdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptxInterdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptx
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptxCOMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
 
Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 

True spirit presentation

  • 1. design by: joe o’donnell 
 Student Project. General Assembly UXDI Winter 2013
  • 2. About the Product: 
 
 TrueSpirit is the country’s 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 student’s 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 didn’t 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