SlideShare uma empresa Scribd logo
1 de 8
Baixar para ler offline
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

Mais conteúdo relacionado

Semelhante a True spirit presentation

TrueSpirit.com Case Study
TrueSpirit.com Case StudyTrueSpirit.com Case Study
TrueSpirit.com Case StudyRoxanne Mustafa
 
Online Qual Research at Conecta
Online Qual Research at ConectaOnline Qual Research at Conecta
Online Qual Research at Conectaconectarc
 
WTF is Design Thinking
WTF is Design ThinkingWTF is Design Thinking
WTF is Design ThinkingMarian Mota
 
Introduction to User Experience Design
Introduction to User Experience DesignIntroduction to User Experience Design
Introduction to User Experience DesignKiera McMaster
 
cocreation desk
cocreation deskcocreation desk
cocreation deskjardac
 
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!J+E Creative
 
UXVision - UX Design Agency - Portfolio 2015
UXVision - UX Design Agency - Portfolio 2015UXVision - UX Design Agency - Portfolio 2015
UXVision - UX Design Agency - Portfolio 2015TAL FLORENTIN
 
UX South Africa 2014 - Keynote
UX South Africa 2014 - KeynoteUX South Africa 2014 - Keynote
UX South Africa 2014 - KeynotePhil Barrett
 
UX Design - Lecture # 2.pptx
UX Design - Lecture # 2.pptxUX Design - Lecture # 2.pptx
UX Design - Lecture # 2.pptxZaid227349
 
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 BankMad*Pow
 
Webstock 2010 Company Preso
Webstock 2010 Company PresoWebstock 2010 Company Preso
Webstock 2010 Company PresoNathan Li
 
Enterprise User Experience in Higher Education
Enterprise User Experience in Higher EducationEnterprise User Experience in Higher Education
Enterprise User Experience in Higher EducationTarik (Rick) Dzekman
 
Creating the Best Experience: Accessibility & Usability
Creating the Best Experience: Accessibility & UsabilityCreating the Best Experience: Accessibility & Usability
Creating the Best Experience: Accessibility & UsabilityCarol Smith
 
The Social Shopper
The Social ShopperThe Social Shopper
The Social ShopperPhenomblue
 
Chapter 1 id2e_slides
Chapter 1 id2e_slidesChapter 1 id2e_slides
Chapter 1 id2e_slidesoopscrash1
 
The Future of Surveys Smartees Breakfast
The Future of Surveys Smartees BreakfastThe Future of Surveys Smartees Breakfast
The Future of Surveys Smartees BreakfastInSites on Stage
 
Digital final pres
Digital final presDigital final pres
Digital final prescheriser
 
Digital final pres
Digital final presDigital final pres
Digital final prescheriser
 

Semelhante 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

Tatlong Kwento ni Lola basyang-1.pdf arts
Tatlong Kwento ni Lola basyang-1.pdf artsTatlong Kwento ni Lola basyang-1.pdf arts
Tatlong Kwento ni Lola basyang-1.pdf artsNbelano25
 
Philosophy of china and it's charactistics
Philosophy of china and it's charactisticsPhilosophy of china and it's charactistics
Philosophy of china and it's charactisticshameyhk98
 
Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and ModificationsMJDuyan
 
Interdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptxInterdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptxPooja Bhuva
 
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...Pooja Bhuva
 
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).pptxmarlenawright1
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...ZurliaSoop
 
Wellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptxWellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptxJisc
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.MaryamAhmad92
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...Nguyen Thanh Tu Collection
 
Basic Intentional Injuries Health Education
Basic Intentional Injuries Health EducationBasic Intentional Injuries Health Education
Basic Intentional Injuries Health EducationNeilDeclaro1
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsMebane Rash
 
21st_Century_Skills_Framework_Final_Presentation_2.pptx
21st_Century_Skills_Framework_Final_Presentation_2.pptx21st_Century_Skills_Framework_Final_Presentation_2.pptx
21st_Century_Skills_Framework_Final_Presentation_2.pptxJoelynRubio1
 
Fostering Friendships - Enhancing Social Bonds in the Classroom
Fostering Friendships - Enhancing Social Bonds  in the ClassroomFostering Friendships - Enhancing Social Bonds  in the Classroom
Fostering Friendships - Enhancing Social Bonds in the ClassroomPooky Knightsmith
 
How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17Celine George
 
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptxCOMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptxannathomasp01
 
REMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxREMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxDr. Ravikiran H M Gowda
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...pradhanghanshyam7136
 
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)Jisc
 

Último (20)

Tatlong Kwento ni Lola basyang-1.pdf arts
Tatlong Kwento ni Lola basyang-1.pdf artsTatlong Kwento ni Lola basyang-1.pdf arts
Tatlong Kwento ni Lola basyang-1.pdf arts
 
Philosophy of china and it's charactistics
Philosophy of china and it's charactisticsPhilosophy of china and it's charactistics
Philosophy of china and it's charactistics
 
Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and Modifications
 
Interdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptxInterdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptx
 
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...
 
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
 
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
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
 
Wellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptxWellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptx
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
 
Basic Intentional Injuries Health Education
Basic Intentional Injuries Health EducationBasic Intentional Injuries Health Education
Basic Intentional Injuries Health Education
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
 
21st_Century_Skills_Framework_Final_Presentation_2.pptx
21st_Century_Skills_Framework_Final_Presentation_2.pptx21st_Century_Skills_Framework_Final_Presentation_2.pptx
21st_Century_Skills_Framework_Final_Presentation_2.pptx
 
Fostering Friendships - Enhancing Social Bonds in the Classroom
Fostering Friendships - Enhancing Social Bonds  in the ClassroomFostering Friendships - Enhancing Social Bonds  in the Classroom
Fostering Friendships - Enhancing Social Bonds in the Classroom
 
How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17
 
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptxCOMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
 
REMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxREMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptx
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
 
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)
 

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