SlideShare a Scribd company logo
Design by: Kevin May

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



trueSpirit is an E-commerce site for purchasing student school uniforms.
The trueSpirit site provides a quick and simple way for parents to shop for the school dress code
requirements by using an online shopping checklist provided by their school administrator. Parents
can search for their school checklist and easily find all the required uniform items in one place based
upon their child grade and gender.

!
!

About the Project: 

trueSpirit is a new branded clothing company committed to creating well designed, durable and stylish
school uniforms. The trueSpirit team was looking to create an appropriate experience for their target
customer that could be delivered via web.
This project focuses on a significant opportunity to incorporate required school uniform checklists 




The team was given the constraint of targeting the web as primary delivery channels.

Link to InVision Prototype
True Spirit
http://www.truespirit.com/ShopYourSchool/FindYourSchool/900103813/ShopChecklist

Google

Sign In | Sign Up
My Account

Girls

Boys

School Spirit

Shop Your School

Search

True Spirit
http://www.truespirit.com/ShopYourSchool/FindYourSchool/SelectYourSchool/900103813

Google

Home Page >

Sign In | Sign Up
My Account

Featured

<

Girls

Boys

School Spirit

Shop Your School

Search

>

Image

Home Page > Shop Your School > FInd Your School > Select Your School > 900103813

True Spirit
http://www.truespirit.com/ShopYourSchool/FindYourSchool/900103813/ShopChecklist

Google

St. Luke's School
40 Belle Ave
San Anselmo, CA 94960
Preferred School Code: 900103813

Image

My Account

Girls

Add a Student

Shop Your School
Uniform

Shop Boys Collection

Image
Find your school

Shop Girls Collection

Sign In | Sign Up

Image

Create a profile for your student

Boys

School Spirit

Shop Your School

Home Page > Shop Your School > FInd Your School > Select Your School > 900103813 > Shop Checklist
CLOSE

Student Name

Image

Gabe

Gabe : Junior, Boy

+ Add Student

▼

41

11
Privacy & Security

Customer Care

Support

About us

Boy

home screen

Shop Your Checklist

40 Belle Ave CA 94960
San Anselmo,
San Anselmo, CA 94960

Privacy & Security

Nullam libero purus, eleifendPreferred School Code: 900103813
vitae
contact
School Administrator
mattis sed, sodales euismod orci.
Nam eget odio vel risus malesuada
CHECKOUT
vehicula. Pellentesque tincidunt,
purus eget cursus pretium.

Tops

Add Student

Product2
Product2
View Your Checklist

Terms of Use

St. Luke's School
St. Luke's
40 Belle Ave School

$124

▼

▼

Like - Comment - Share

Description

Select One

Customer Care

Support

TOPS

Product3

Product3

create student profile

▼

items: 3 us
About

Your school uniform requires 1 of this item in Navy

items: 6

<

+ Image
-

Image Image

OUTERWEAR

Image

>

items: 2
Quick VIew

Terms of Use

Image

Age Range

0

COMPLETE

14-16

16-18

Image
Image

items: 2

Length

MORE DETAILS
ACCESSORIES

Sizing - Care
Product3

Color: Navy

Quantity
BOTTOMS

Privacy & Security

X

Code:
True Blue BlazerPreferred Schoolto Bag 900103813
Add

Student Profile

Student Grade

Terms of Use

Search

Size

16

Quick VIew
Quick VIew

Customer Care

▼

R

▼

Quick VIew
Quick VIew

Support

About us

shop by school required checklist
CASE STUDY
DESIGN RESEARCH

!
!
We were given sample personas, user research and brand analysis as
part of the trueSpirit project brief. 



We were asked to create a user flow based upon one of two scenarios
We looked for ways to create a quick and simple solution to finding
(and using) a school requirements checklist. We looked for what
types of things the user would need to achieve and finally purchase
online, all the required clothing items on their checklist. 


Findings: 

Although research was provided for this project, we spoke with
members of three different families who purchase school uniforms
for their children.Competitive analysis was done on both school
uniform specific companies as well as clothing industry leaders and
small boutique sellers.


Opportunities Identified:
1). Clothing should be easily cared for(i.e. NO dry cleaning).
2). User should be able to easily start shopping from the checklist
without having to navigate to find all of the items on their checklist

3). Since the clothing is required, users want to get in and get out as
fast as possible without a lot of exploring.
4.) Better fit and sizing options
DESIGN ITERATIONS | PROTOTYPE
http://www.truespirit.com/ShopYourSchool/FindYourSchool/900103813/ShopChecklist

Google

Google

School Wear

Sarah

Log In
Boys

My Account

Girls

Search

FInd Your School

Method:

3

SIgn Up

GIrls

!

True Spirit

Web Page Title
http://truespirit.com/product.detail

Boys

School Spirit

Shop Your School

Search

Checkout

Home Page > Shop Your School > FInd Your School > Select Your School > 900103813 > Shop Checklist

Featured

1

Seasonal,New Sale, Collection

Shipping

2

Payment

3

Thank You.

The team created a site map and wireframes

Order Summary

Your Shopping Bag
Shopping Bag Total

Next

Enter Shipping Address

Girls Collection

$0.00

You'll the be able to enter additional addresses below.

$24.95
▼

Next Day Air - $24.95 Arrives 9/6

Sarah

Shipping Details

Last Name

$196.95

Street Address

3
True Blue Blazer

Support

About us

Zip Code

Color: Navy

City, State

94960

Size

San Anselmo, CA

Next Day Air

Order
History
1.3.2

Profile
1.3.1

(415) 257-1959

Tops 3.1

School Wear
5.0

Footer 6.0

Logowear 5.1
Formal Shirts 3.1.1

3

Tank Tops 3.1.4

Notifications
9.0

-Signing up and creating a user account
-Hints for where to find account history and

Company
6.1.1

profiles.

Checkout
http://www.truespirit.com/ShopYourSchool/FindYourSchool/900103813/ShopChecklist
8.3

Team
6.1.2

Accessories 5.2
iPhone
Case 5.2.1

Backpacks
5.2.3

Pants 3.2.1

Boys

Returns
6.2.3

School Spirit

Shop Your School

Sign > Shop
Home Page
Support 6.2 > Shop Your School > FInd Your School > Select Your School > 900103813 Up 1.2 Checklist
CLOSE

Student Profile
Contact Us
Gabe : Junior, Boy
6.2.1

Shorts 3.2.3

by Boys

Payment
Confirmation
8.3.2

by
Category

▼

Like - Comment - Share

BOTTOMS

Gloves 3.4.2

<

+ Image
-

Products
4.1.1.1

Products
4.1.2.1

>

items: 2

Image

Age Range

1

-Getting correct checklist based on school, grade

COMPLETE

14-16

16-18

level and gender.

Image
Image

items: 2

4.3

Checklist

Image

School Wear 4.1.3

ACCESSORIES

Sizing - Care
Product3

Color: Navy

Your school uniform requires 1 of this item in Navy

items: 6

OUTERWEAR

-Creating student profiles.

Product3

Product3

items: 3

Image Image

Boys 4.1.2

code.

$124

Nullam libero purus, eleifendPreferred School Code: 900103813
vitae
contact
School Administrator
mattis sed, sodales euismod orci.
Nam eget odio vel risus malesuada
CHECKOUT
vehicula. Pellentesque tincidunt,
purus eget cursus pretium.

Quantity

Socks 3.4.1

St. Luke's School
St. Luke's
40 Belle Ave School

40 Belle Ave CA 94960
San Anselmo,
San Anselmo, CA 94960

Description

Product2
Product2

View Your Checklist
TOPS

41

by Age
Tops

Jackets 3.3.2

School
Landing Page 4.1

Login 1.3

Payment 8.3.1

6.2.3

-Finding correct school with / without a school

X

Code:
True Blue BlazerPreferred Schoolto Bag 900103813
Add

by Girls

Shop Your Checklist
Returns

Search
Results

+ Add Student

▼

Shipping
6.2.2

Search

Girls 4.1.1

CORE PRODUCT EXPERIENCE

Search

by Color

Gymshorts 3.2.2

Outerwear 3.3

Sign In | Sign Up
My Account

by Price

Girls

!

Google

Shipping
6.2.2

Sort

School
Scholarship
Program 6.1.3

School Mascot
Plushtoy 5.2.2

Bottoms 3.2

Belts 3.4.3

About us

True Spirit

Jackets 3.1.6

Accessories 3.4

Support

Products
8.2

Search
Results
7.1

Sweaters 3.1.5

Hoodies 3.3.1

Customer Care

Bag 8.0

Polo Shirts 3.1.3

4

SET UP AND FIRST RUN

2

First time experience:


Search 7.0

T-Shirts 5.1.1
Hoodies 5.1.2

Arrives 9/6
Next Day Air

32W 34L
Quantity

Privacy & Security

About Us 6.1

T-Shirts 3.1.2

Size

Login 1.3

Terms of Use

Find Your
School 4.0

Interlock Pants
Color: Khaki

+ Add Shipping Address

Sign Up
1.2

1

Quantity

True Spirit 1.0

!

Arrives 9/6

26 R

Day Phone

OnBoard
1.1

to find their school and is for a first time user.

Items Shipping

100 Woodside Dr
Street Address (optional)

Boys 3.0

to final purchase. The user flow requires the user

Order Total

Parker
Boys Collection

provided a single user flow from entering the site

Shipping

Shipping Method

First Name

Image

using Omnigraffle and a prototype in Invision that

$172.00
Tax

Shipping to multiple addresses? Enter your first shipping address below.

1.1

2

!

Checklist

Logo Wear
4.1.3.1
Quick VIew

Accessories
Terms of Use

Privacy & Security
4.1.3.2

Length

MORE DETAILS
Products

Size

4.1.3.1.1

26

Quick VIew
Quick VIew

Products
Customer Care
4.1.3.2.1

Support

▼

R

-Maintaining the checklist as items are purchased.

▼
in stock
Quick VIew
Quick VIew

Provide a quick and easy to use checkout process.

About us



Opportunities to Explore
Through our user research we identified a few new opportunities to explore:

・Custom tailoring for pant length and skirt length.
・Adding a custom name tag sewn into clothing items:
“made by




!
!

for _________________”
THANK YOU
Kevin May
kmayfx@gmail.com

More Related Content

Similar to True spirit presentation

True spirit wireframes_annotated_v4
True spirit wireframes_annotated_v4True spirit wireframes_annotated_v4
True spirit wireframes_annotated_v4kmayfx
 
TrueSpirit case study
TrueSpirit case studyTrueSpirit case study
TrueSpirit case studyKelly Redznak
 
TrueSpirit Study
TrueSpirit StudyTrueSpirit Study
TrueSpirit Study
shantux
 
Truespirit E-commerce - Design Spec
Truespirit E-commerce - Design SpecTruespirit E-commerce - Design Spec
Truespirit E-commerce - Design SpecSara Michelazzo
 
Project2
Project2Project2
Project2ibbobb
 
E-Commerce UX design concept case study
E-Commerce UX design concept case studyE-Commerce UX design concept case study
E-Commerce UX design concept case study
AWise14
 
How to Increase Conversion Rate
How to Increase Conversion RateHow to Increase Conversion Rate
How to Increase Conversion Rate
seller_zone
 
trji projectCpart2
trji projectCpart2trji projectCpart2
trji projectCpart2
陶然 纪
 
Sandy woodruff presentation
Sandy woodruff   presentationSandy woodruff   presentation
Sandy woodruff presentationSandra Woodruff
 
ATHLETE Shirts Campaign Proposal
ATHLETE Shirts Campaign ProposalATHLETE Shirts Campaign Proposal
ATHLETE Shirts Campaign ProposalKwamae07
 
ATHLETE Shirts Campaign Proposal
ATHLETE Shirts Campaign ProposalATHLETE Shirts Campaign Proposal
ATHLETE Shirts Campaign ProposalKwamae07
 
ATHLETE Shirts Campaign Proposal
ATHLETE Shirts Campaign ProposalATHLETE Shirts Campaign Proposal
ATHLETE Shirts Campaign ProposalKwamae07
 
HSTC Tool Kit 2012
HSTC Tool Kit 2012HSTC Tool Kit 2012
HSTC Tool Kit 2012Jodi Darland
 
BATH AND BODY WORKS
BATH AND BODY WORKSBATH AND BODY WORKS
BATH AND BODY WORKSMjs0302
 
Bba311 Organized Chaos Final Presentation
Bba311 Organized Chaos Final PresentationBba311 Organized Chaos Final Presentation
Bba311 Organized Chaos Final Presentationguest0fa3c5
 
P2_preso_robbychoate
P2_preso_robbychoateP2_preso_robbychoate
P2_preso_robbychoateRobby Choate
 
create an app fit1000
create an app fit1000create an app fit1000
create an app fit1000Alexa Louro
 
Lymboo Math classroom account setup steps for teachers
Lymboo Math classroom account setup steps for teachersLymboo Math classroom account setup steps for teachers
Lymboo Math classroom account setup steps for teachers
Catherine Waldron
 
Global retailing
Global retailingGlobal retailing
Global retailing
Kavitha Sri
 

Similar to True spirit presentation (20)

True spirit wireframes_annotated_v4
True spirit wireframes_annotated_v4True spirit wireframes_annotated_v4
True spirit wireframes_annotated_v4
 
TrueSpirit case study
TrueSpirit case studyTrueSpirit case study
TrueSpirit case study
 
TrueSpirit Study
TrueSpirit StudyTrueSpirit Study
TrueSpirit Study
 
Truespirit E-commerce - Design Spec
Truespirit E-commerce - Design SpecTruespirit E-commerce - Design Spec
Truespirit E-commerce - Design Spec
 
Project2
Project2Project2
Project2
 
E-Commerce UX design concept case study
E-Commerce UX design concept case studyE-Commerce UX design concept case study
E-Commerce UX design concept case study
 
How to Increase Conversion Rate
How to Increase Conversion RateHow to Increase Conversion Rate
How to Increase Conversion Rate
 
MCS for Clubs.Nov_15
MCS for Clubs.Nov_15MCS for Clubs.Nov_15
MCS for Clubs.Nov_15
 
trji projectCpart2
trji projectCpart2trji projectCpart2
trji projectCpart2
 
Sandy woodruff presentation
Sandy woodruff   presentationSandy woodruff   presentation
Sandy woodruff presentation
 
ATHLETE Shirts Campaign Proposal
ATHLETE Shirts Campaign ProposalATHLETE Shirts Campaign Proposal
ATHLETE Shirts Campaign Proposal
 
ATHLETE Shirts Campaign Proposal
ATHLETE Shirts Campaign ProposalATHLETE Shirts Campaign Proposal
ATHLETE Shirts Campaign Proposal
 
ATHLETE Shirts Campaign Proposal
ATHLETE Shirts Campaign ProposalATHLETE Shirts Campaign Proposal
ATHLETE Shirts Campaign Proposal
 
HSTC Tool Kit 2012
HSTC Tool Kit 2012HSTC Tool Kit 2012
HSTC Tool Kit 2012
 
BATH AND BODY WORKS
BATH AND BODY WORKSBATH AND BODY WORKS
BATH AND BODY WORKS
 
Bba311 Organized Chaos Final Presentation
Bba311 Organized Chaos Final PresentationBba311 Organized Chaos Final Presentation
Bba311 Organized Chaos Final Presentation
 
P2_preso_robbychoate
P2_preso_robbychoateP2_preso_robbychoate
P2_preso_robbychoate
 
create an app fit1000
create an app fit1000create an app fit1000
create an app fit1000
 
Lymboo Math classroom account setup steps for teachers
Lymboo Math classroom account setup steps for teachersLymboo Math classroom account setup steps for teachers
Lymboo Math classroom account setup steps for teachers
 
Global retailing
Global retailingGlobal retailing
Global retailing
 

Recently uploaded

一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
n0tivyq
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
gpffo76j
 
Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1
Decomart Studio
 
Impact of Fonts: in Web and Apps Design
Impact of Fonts:  in Web and Apps DesignImpact of Fonts:  in Web and Apps Design
Impact of Fonts: in Web and Apps Design
contactproperweb2014
 
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptxUNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
GOWSIKRAJA PALANISAMY
 
Storytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design ProcessStorytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design Process
Chiara Aliotta
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
9a93xvy
 
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
h7j5io0
 
Virtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburghVirtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburgh
millarj46
 
Connect Conference 2022: Passive House - Economic and Environmental Solution...
Connect Conference 2022: Passive House -  Economic and Environmental Solution...Connect Conference 2022: Passive House -  Economic and Environmental Solution...
Connect Conference 2022: Passive House - Economic and Environmental Solution...
TE Studio
 
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
kecekev
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
Graphic Design Tools and Software .pptx
Graphic Design Tools and Software   .pptxGraphic Design Tools and Software   .pptx
Graphic Design Tools and Software .pptx
Virtual Real Design
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
asuzyq
 
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
7sd8fier
 
PDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in NoidaPDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in Noida
PoojaSaini954651
 
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
h7j5io0
 
20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf
ameli25062005
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
Febless Hernane
 
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With DesignsGame Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
184804
 

Recently uploaded (20)

一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
 
Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1
 
Impact of Fonts: in Web and Apps Design
Impact of Fonts:  in Web and Apps DesignImpact of Fonts:  in Web and Apps Design
Impact of Fonts: in Web and Apps Design
 
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptxUNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
UNIT IV-VISUAL STYLE AND MOBILE INTERFACES.pptx
 
Storytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design ProcessStorytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design Process
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
 
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
 
Virtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburghVirtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburgh
 
Connect Conference 2022: Passive House - Economic and Environmental Solution...
Connect Conference 2022: Passive House -  Economic and Environmental Solution...Connect Conference 2022: Passive House -  Economic and Environmental Solution...
Connect Conference 2022: Passive House - Economic and Environmental Solution...
 
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
Graphic Design Tools and Software .pptx
Graphic Design Tools and Software   .pptxGraphic Design Tools and Software   .pptx
Graphic Design Tools and Software .pptx
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
 
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
 
PDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in NoidaPDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in Noida
 
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
 
20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
 
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With DesignsGame Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
 

True spirit presentation

  • 1. Design by: Kevin May
 Student Project. General Assembly UXDI Winter 2013
  • 2. About the Product: 
 
 trueSpirit is an E-commerce site for purchasing student school uniforms. The trueSpirit site provides a quick and simple way for parents to shop for the school dress code requirements by using an online shopping checklist provided by their school administrator. Parents can search for their school checklist and easily find all the required uniform items in one place based upon their child grade and gender. ! ! About the Project: 
 trueSpirit is a new branded clothing company committed to creating well designed, durable and stylish school uniforms. The trueSpirit team was looking to create an appropriate experience for their target customer that could be delivered via web. This project focuses on a significant opportunity to incorporate required school uniform checklists 
 
 The team was given the constraint of targeting the web as primary delivery channels.

  • 3. Link to InVision Prototype True Spirit http://www.truespirit.com/ShopYourSchool/FindYourSchool/900103813/ShopChecklist Google Sign In | Sign Up My Account Girls Boys School Spirit Shop Your School Search True Spirit http://www.truespirit.com/ShopYourSchool/FindYourSchool/SelectYourSchool/900103813 Google Home Page > Sign In | Sign Up My Account Featured < Girls Boys School Spirit Shop Your School Search > Image Home Page > Shop Your School > FInd Your School > Select Your School > 900103813 True Spirit http://www.truespirit.com/ShopYourSchool/FindYourSchool/900103813/ShopChecklist Google St. Luke's School 40 Belle Ave San Anselmo, CA 94960 Preferred School Code: 900103813 Image My Account Girls Add a Student Shop Your School Uniform Shop Boys Collection Image Find your school Shop Girls Collection Sign In | Sign Up Image Create a profile for your student Boys School Spirit Shop Your School Home Page > Shop Your School > FInd Your School > Select Your School > 900103813 > Shop Checklist CLOSE Student Name Image Gabe Gabe : Junior, Boy + Add Student ▼ 41 11 Privacy & Security Customer Care Support About us Boy home screen Shop Your Checklist 40 Belle Ave CA 94960 San Anselmo, San Anselmo, CA 94960 Privacy & Security Nullam libero purus, eleifendPreferred School Code: 900103813 vitae contact School Administrator mattis sed, sodales euismod orci. Nam eget odio vel risus malesuada CHECKOUT vehicula. Pellentesque tincidunt, purus eget cursus pretium. Tops Add Student Product2 Product2 View Your Checklist Terms of Use St. Luke's School St. Luke's 40 Belle Ave School $124 ▼ ▼ Like - Comment - Share Description Select One Customer Care Support TOPS Product3 Product3 create student profile ▼ items: 3 us About Your school uniform requires 1 of this item in Navy items: 6 < + Image - Image Image OUTERWEAR Image > items: 2 Quick VIew Terms of Use Image Age Range 0 COMPLETE 14-16 16-18 Image Image items: 2 Length MORE DETAILS ACCESSORIES Sizing - Care Product3 Color: Navy Quantity BOTTOMS Privacy & Security X Code: True Blue BlazerPreferred Schoolto Bag 900103813 Add Student Profile Student Grade Terms of Use Search Size 16 Quick VIew Quick VIew Customer Care ▼ R ▼ Quick VIew Quick VIew Support About us shop by school required checklist
  • 5. DESIGN RESEARCH ! ! We were given sample personas, user research and brand analysis as part of the trueSpirit project brief. 
 
 We were asked to create a user flow based upon one of two scenarios We looked for ways to create a quick and simple solution to finding (and using) a school requirements checklist. We looked for what types of things the user would need to achieve and finally purchase online, all the required clothing items on their checklist. 
 Findings: 
 Although research was provided for this project, we spoke with members of three different families who purchase school uniforms for their children.Competitive analysis was done on both school uniform specific companies as well as clothing industry leaders and small boutique sellers.
 Opportunities Identified: 1). Clothing should be easily cared for(i.e. NO dry cleaning). 2). User should be able to easily start shopping from the checklist without having to navigate to find all of the items on their checklist
 3). Since the clothing is required, users want to get in and get out as fast as possible without a lot of exploring. 4.) Better fit and sizing options
  • 6. DESIGN ITERATIONS | PROTOTYPE http://www.truespirit.com/ShopYourSchool/FindYourSchool/900103813/ShopChecklist Google Google School Wear Sarah Log In Boys My Account Girls Search FInd Your School Method: 3 SIgn Up GIrls ! True Spirit Web Page Title http://truespirit.com/product.detail Boys School Spirit Shop Your School Search Checkout Home Page > Shop Your School > FInd Your School > Select Your School > 900103813 > Shop Checklist Featured 1 Seasonal,New Sale, Collection Shipping 2 Payment 3 Thank You. The team created a site map and wireframes Order Summary Your Shopping Bag Shopping Bag Total Next Enter Shipping Address Girls Collection $0.00 You'll the be able to enter additional addresses below. $24.95 ▼ Next Day Air - $24.95 Arrives 9/6 Sarah Shipping Details Last Name $196.95 Street Address 3 True Blue Blazer Support About us Zip Code Color: Navy City, State 94960 Size San Anselmo, CA Next Day Air Order History 1.3.2 Profile 1.3.1 (415) 257-1959 Tops 3.1 School Wear 5.0 Footer 6.0 Logowear 5.1 Formal Shirts 3.1.1 3 Tank Tops 3.1.4 Notifications 9.0 -Signing up and creating a user account -Hints for where to find account history and Company 6.1.1 profiles. Checkout http://www.truespirit.com/ShopYourSchool/FindYourSchool/900103813/ShopChecklist 8.3 Team 6.1.2 Accessories 5.2 iPhone Case 5.2.1 Backpacks 5.2.3 Pants 3.2.1 Boys Returns 6.2.3 School Spirit Shop Your School Sign > Shop Home Page Support 6.2 > Shop Your School > FInd Your School > Select Your School > 900103813 Up 1.2 Checklist CLOSE Student Profile Contact Us Gabe : Junior, Boy 6.2.1 Shorts 3.2.3 by Boys Payment Confirmation 8.3.2 by Category ▼ Like - Comment - Share BOTTOMS Gloves 3.4.2 < + Image - Products 4.1.1.1 Products 4.1.2.1 > items: 2 Image Age Range 1 -Getting correct checklist based on school, grade COMPLETE 14-16 16-18 level and gender. Image Image items: 2 4.3 Checklist Image School Wear 4.1.3 ACCESSORIES Sizing - Care Product3 Color: Navy Your school uniform requires 1 of this item in Navy items: 6 OUTERWEAR -Creating student profiles. Product3 Product3 items: 3 Image Image Boys 4.1.2 code. $124 Nullam libero purus, eleifendPreferred School Code: 900103813 vitae contact School Administrator mattis sed, sodales euismod orci. Nam eget odio vel risus malesuada CHECKOUT vehicula. Pellentesque tincidunt, purus eget cursus pretium. Quantity Socks 3.4.1 St. Luke's School St. Luke's 40 Belle Ave School 40 Belle Ave CA 94960 San Anselmo, San Anselmo, CA 94960 Description Product2 Product2 View Your Checklist TOPS 41 by Age Tops Jackets 3.3.2 School Landing Page 4.1 Login 1.3 Payment 8.3.1 6.2.3 -Finding correct school with / without a school X Code: True Blue BlazerPreferred Schoolto Bag 900103813 Add by Girls Shop Your Checklist Returns Search Results + Add Student ▼ Shipping 6.2.2 Search Girls 4.1.1 CORE PRODUCT EXPERIENCE Search by Color Gymshorts 3.2.2 Outerwear 3.3 Sign In | Sign Up My Account by Price Girls ! Google Shipping 6.2.2 Sort School Scholarship Program 6.1.3 School Mascot Plushtoy 5.2.2 Bottoms 3.2 Belts 3.4.3 About us True Spirit Jackets 3.1.6 Accessories 3.4 Support Products 8.2 Search Results 7.1 Sweaters 3.1.5 Hoodies 3.3.1 Customer Care Bag 8.0 Polo Shirts 3.1.3 4 SET UP AND FIRST RUN 2 First time experience:
 Search 7.0 T-Shirts 5.1.1 Hoodies 5.1.2 Arrives 9/6 Next Day Air 32W 34L Quantity Privacy & Security About Us 6.1 T-Shirts 3.1.2 Size Login 1.3 Terms of Use Find Your School 4.0 Interlock Pants Color: Khaki + Add Shipping Address Sign Up 1.2 1 Quantity True Spirit 1.0 ! Arrives 9/6 26 R Day Phone OnBoard 1.1 to find their school and is for a first time user. Items Shipping 100 Woodside Dr Street Address (optional) Boys 3.0 to final purchase. The user flow requires the user Order Total Parker Boys Collection provided a single user flow from entering the site Shipping Shipping Method First Name Image using Omnigraffle and a prototype in Invision that $172.00 Tax Shipping to multiple addresses? Enter your first shipping address below. 1.1 2 ! Checklist Logo Wear 4.1.3.1 Quick VIew Accessories Terms of Use Privacy & Security 4.1.3.2 Length MORE DETAILS Products Size 4.1.3.1.1 26 Quick VIew Quick VIew Products Customer Care 4.1.3.2.1 Support ▼ R -Maintaining the checklist as items are purchased. ▼ in stock Quick VIew Quick VIew Provide a quick and easy to use checkout process. About us 

  • 7. Opportunities to Explore Through our user research we identified a few new opportunities to explore: ・Custom tailoring for pant length and skirt length. ・Adding a custom name tag sewn into clothing items: “made by 
 ! ! for _________________”