Design Specifications

Prepared for: General Assembly's UX Design Immersive

By: Lissa DotyLast update: Dec 5, 2013

Student Project. General Assembly UXDI Winter 2013

trueSpirit

1.0 Home

2.0 Girls

2.1.Tops

2.2 Bottoms

2.3 Outerwear

2.4 Accessorie

s

3.0 Boys

3.1 Tops

3.2 Bottoms

3.3 Outerwear

3.4 Accessorie

s

4.0 School Spirit

4.1 iPhone case

4.2 Logo Hoodie

4.3 Logo Tshirt

4.4 Plush Toy

4.5 Backpack

5.0 Search

Sort

Size

Color

Sign In

6.0 Bag

6.1 Buy

6.2 Email

6.3 Edit

7.0 Footer

7.1 About Us

7.2 Customer Service

7.3 FAQ

7.4 Social Media

1.1 Find School

1.1.1 Results

1.1.1.1 School Page

Same search as

home

Sitemap

Navigation Schema

Tops

Girls Boys School Spirit Search Bag Footer

Tops

Formal ShirtsPolo

Shirts

T-Shirts

Tank Tops

Polo Shirts

Formal Shirts

T-Shirts

Tank Tops

Sweaters

Hoodies

Sweaters

Hoodies

About Us

Customer Service

FAQ

Social Media

iPhone CaseLogo

HoodieLogo T-Shirt

Plush Toy

Backpack

Results Buy

Email

Edit

User Flow: Sarah Green, first time user

HOMEPAGESCHOOL LANDING

PAGE

First time user

Finds School SWEATER Searches for sweaters

Adds sweater to bag, shopsmore, views bag

BAG Signs up, creating a profile BAG

Enters email address for son, emails bag

BAG ON IPHONESon views bag

on iphone, editsitems, sends back

EDITED BAG Sarah views editedbag, then buys it CHECKOUT

Carrier 12:00 PM

Page Title

http://truespirit/email/8746325 Google

Cardigan SweaterRequired $45

Medium

School Clothing List

Product Description

Quantity 1

ADD

Wireframesiphone email

Notes

1

2

3

4

5

6

1. Swipe down to see the school's list of clothing. Required items arelisted first. All items are marked as either Required or Optional. All items are clickable, and when they are clicked, the Product page is displayed as it is here.

2. Users can give a thumbs up/down by clicking on the appropriate icon. This up/down info is displayed in the sender'sbag.

3. Swipe up to see a complete product description. Swipe downwhen you're done to make it disappear.

4. Recipient can change sizes and colors. Edited are reflectedin the sender's bag.

5. Swipe left/right to view the contents of the bag, one pieceat a time.

6. Recipients can add items.