True spirit presentation

8
Design by: Kevin May Student Project. General Assembly UXDI Winter 2013

description

 

Transcript of True spirit presentation

Page 1: True spirit presentation

Design by: Kevin May

Student Project. General Assembly UXDI Winter 2013

Page 2: True spirit presentation

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.

Page 3: True spirit presentation

Link to InVision Prototype

Googlehttp://www.truespirit.com/ShopYourSchool/FindYourSchool/900103813/ShopChecklist

True Spirit

Sign In | Sign Up

My Account

Home Page >

SearchGirls Boys School Spirit Shop Your School

Support About usCustomer CareTerms of Use Privacy & Security

Image

Featured

Image

Shop Girls Collection

Image

Shop Boys Collection

< >

Image

Shop Your SchoolUniform

Support About usCustomer CareTerms of Use Privacy & Security

Find your school

Googlehttp://www.truespirit.com/ShopYourSchool/FindYourSchool/SelectYourSchool/900103813

True Spirit

Sign In | Sign Up

My Account

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

SearchGirls Boys School Spirit Shop Your School

Add a Student

Add Student

St. Luke's School 40 Belle AveSan Anselmo, CA 94960

Preferred School Code: 900103813

Create a profile for your student

Gabe

Student Name

11Student Grade

BoySelect One

Image

Support About usCustomer CareTerms of Use Privacy & Security

Googlehttp://www.truespirit.com/ShopYourSchool/FindYourSchool/900103813/ShopChecklist

True Spirit

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

Sign In | Sign Up

My Account

SearchGirls Boys School Spirit Shop Your School

Support About usCustomer CareTerms of Use Privacy & Security

Shop Your Checklist

▼View Your Checklist

Image

Quick VIew

Student Profile

▼Gabe : Junior, Boy

Tops

TOPS

BOTTOMS

OUTERWEAR

ACCESSORIES

items: 3

items: 6

items: 2

items: 2

+ -

Product2

Image

Product3

Image

Product3

Quick VIew Quick VIew

St. Luke's School 40 Belle AveSan Anselmo, CA 94960

+ Add Student

contact School Administrator

Preferred School Code: 900103813

Product2

Image

Product3

Quick VIew Quick VIew

St. Luke's School 40 Belle AveSan Anselmo, CA 94960

Preferred School Code: 900103813

True Blue BlazerAdd to Bag

$124Description

Nullam libero purus, eleifend vitae mattis sed, sodales euismod orci. Nam eget odio vel risus malesuada vehicula. Pellentesque tincidunt, purus eget cursus pretium.

41 Like - Comment - Share

Color: Navy

Age Range 14-16 16-18

SizeLength

▼R▼16

0Quantity

Image Image Image< >

MORE DETAILS

Sizing - Care

CHECKOUT

XCLOSE

COMPLETE

Your school uniform requires 1 of this item in Navy

create student profile

home screen

shop by school required checklist

Page 4: True spirit presentation

CASE STUDY

Page 5: True spirit presentation

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

Page 6: True spirit presentation

DESIGN ITERATIONS | PROTOTYPE

!

!

!

Method: The team created a site map and wireframes

using Omnigraffle and a prototype in Invision that

provided a single user flow from entering the site

to final purchase. The user flow requires the user

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

!SET UP AND FIRST RUN

First time experience:

-Signing up and creating a user account

-Hints for where to find account history and

profiles.

!CORE PRODUCT EXPERIENCE

-Finding correct school with / without a school

code.

-Creating student profiles.

-Getting correct checklist based on school, grade

level and gender.

-Maintaining the checklist as items are purchased.

Provide a quick and easy to use checkout process.

True Spirit 1.0OnBoard

1.1

Girls 2.0 Boys 3.0 School Wear 5.0 Footer 6.0 Search 7.0 Bag 8.0

Sign Up 1.2 Login 1.3

Notifications 9.0

Accessories 2.4

Outerwear 2.3

Bottoms 2.2

Tops 2.1 Logowear 5.1

Accessories 5.2

Accessories 3.4

Outerwear 3.3

Bottoms 3.2

Tops 3.1

Search Results

7.1

by Price

by Color

by Boys

by Girls

by Age

Checkout 8.3

Shipping 6.2.2

Returns 6.2.3

Sign Up 1.2

Login 1.3

Payment 8.3.1

About Us 6.1

Support 6.2

Company 6.1.1

Team 6.1.2

SchoolScholarship

Program 6.1.3

Contact Us 6.2.1

Shipping 6.2.2

Returns 6.2.3

PaymentConfirmation

8.3.2

Find Your School 4.0

Search Results

SchoolLanding Page 4.1

Boys 4.1.2Girls 4.1.1 School Wear 4.1.3

Checklist

Logo Wear 4.1.3.1

Accessories 4.1.3.2

ChecklistProducts 4.1.1.1

Products 4.1.2.1

Products4.1.3.1.1

Products4.1.3.2.1

by Category

Formal Shirts 2.1.1

T-Shirts 2.1.2

Polo Shirts 2.1.3

Tank Tops 2.1.4

Sweaters 2.1.5

Jackets 2.1.6

Pants 2.2.1

Gymshorts 2.2.2

Shorts 2.2.3

Hoodies 2.3.1

Jackets 2.3.2

Socks 2.4.1

Gloves 2.4.2

Headbands 2.4.3

Belts 2.4.4

Skirts 2.2.4

Leggings 2.2.5

Formal Shirts 3.1.1

T-Shirts 3.1.2

Polo Shirts 3.1.3

Tank Tops 3.1.4

Sweaters 3.1.5

Jackets 3.1.6

Pants 3.2.1

Gymshorts 3.2.2

Shorts 3.2.3

Hoodies 3.3.1

Jackets 3.3.2

Socks 3.4.1

Gloves 3.4.2

Belts 3.4.3

T-Shirts 5.1.1

Hoodies 5.1.2

iPhone Case 5.2.1

School Mascot Plushtoy 5.2.2

Backpacks 5.2.3

Products 8.2

Sort

Search

Order History 1.3.2

Profile 1.3.1

Googlehttp://truespirit.com/product.detail

Web Page Title

GIrls Boys School Wear SearchFInd Your School

FeaturedSeasonal,New Sale, Collection

SIgn Up

Log In

Image

Boys Collection

Girls Collection

Support About us

Googlehttp://www.truespirit.com/ShopYourSchool/FindYourSchool/900103813/ShopChecklist

True Spirit

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

Sign In | Sign Up

My Account

SearchGirls Boys School Spirit Shop Your School

Support About usCustomer CareTerms of Use Privacy & Security

Shop Your Checklist

▼View Your Checklist

Image

Quick VIew

Student Profile

▼Gabe : Junior, Boy

Tops

TOPS

BOTTOMS

OUTERWEAR

ACCESSORIES

items: 3

items: 6

items: 2

items: 2

+ -

Product2

Image

Product3

Image

Product3

Quick VIew Quick VIew

St. Luke's School 40 Belle AveSan Anselmo, CA 94960

+ Add Student

contact School Administrator

Preferred School Code: 900103813

Product2

Image

Product3

Quick VIew Quick VIew

St. Luke's School 40 Belle AveSan Anselmo, CA 94960

Preferred School Code: 900103813

True Blue BlazerAdd to Bag

$124Description

Nullam libero purus, eleifend vitae mattis sed, sodales euismod orci. Nam eget odio vel risus malesuada vehicula. Pellentesque tincidunt, purus eget cursus pretium.

41 Like - Comment - Share

Color: Navy

Age Range 14-16 16-18

SizeLength

▼R▼26

1Quantity

in stock

Image Image Image< >

MORE DETAILS

Sizing - Care

CHECKOUT

XCLOSE

Your school uniform requires 1 of this item in Navy

COMPLETE

Googlehttp://www.truespirit.com/ShopYourSchool/FindYourSchool/900103813/ShopChecklist

True Spirit

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

SearchGirls Boys School Spirit Shop Your School

3

Checkout

1 2Shipping 3Payment Order SummaryThank You.

Next

Tax

$172.00

Shopping Bag Total

Shipping

Order Total

$0.00

$24.95

$196.95

Items Shipping

3

Sarah

My Account

True Blue BlazerColor: Navy

R26Size

1Quantity

Interlock PantsColor: Khaki

32W 34LSize

2Quantity

Your Shopping Bag

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

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

Sarah

First Name

100 Woodside Dr

Street Address

Street Address (optional)

94960

Zip Code

Parker

Last Name

(415) 257-1959

Day Phone

Shipping Method

Next Day Air - $24.95 Arrives 9/6 ▼

San Anselmo, CA

City, State

+ Add Shipping Address

Shipping Details

Support About usCustomer CareTerms of Use Privacy & Security

Arrives 9/6

Arrives 9/6

Next Day Air

Next Day Air

Page 7: True spirit presentation

Opportunities to Explore

·Custom tailoring for pant length and skirt length.

·Adding a custom name tag sewn into clothing items:

“made by for _________________” !!

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