trueSpirit
Design Specifications
Prepared for: General Assembly's UX Design Immersive
By: Lissa Doty
Last update: Dec 5, 2...
Sitemap
Sign In

1.0 Home

1.1 Find
School

2.0 Girls

4.0 School
Spirit

3.0 Boys

5.0 Search

6.0 Bag

7.0 Footer
1.1.1
...
Navigation Schema
School
Spirit

Girls

Boys

Search

Bag

Footer

Tops

Tops

iPhone
Case

Results

Buy

About Us

Formal...
User Flow: Sarah Green, first time user

First time user

HOMEPAGE

SCHOOL
LANDING
PAGE

Finds School

Searches for sweater...
Notes
Wireframes
iphone email

Carrier

1. Swipe down to see the school's list of clothing. Required items are
listed first...
Wireframes

1

Home Page - find school
Girls

Boys

School Spirit

2

SIGN IN

SIGN UP

Search
3

SEARCH FOR YOUR SCHOOL

N...
Wireframes

Product Detail Page top half
Girls

+

Boys

School Spirit

4

5

SIGN UP!

SIGN IN

1

Search

Shopping List
...
Wireframes

Billing & Shipping
Girls

+

Boys

School Spirit

ACCOUNT

3

Search

Shopping List

You are shopping for a ch...
Upcoming SlideShare
Loading in...5
×

trueSpirit design spec lissa doty v2

209

Published on

Published in: Lifestyle, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
209
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

trueSpirit design spec lissa doty v2

  1. 1. trueSpirit Design Specifications Prepared for: General Assembly's UX Design Immersive By: Lissa Doty Last update: Dec 5, 2013 Student Project. General Assembly UXDI Winter 2013
  2. 2. Sitemap Sign In 1.0 Home 1.1 Find School 2.0 Girls 4.0 School Spirit 3.0 Boys 5.0 Search 6.0 Bag 7.0 Footer 1.1.1 Results 2.1.Tops 2.2 Bottoms 3.1 Tops 3.2 Bottoms 4.1 iPhone case 6.1 Buy Sort 4.2 Logo Hoodie 6.2 Email Size 2.3 Outerwear 3.3 Outerwear 3.4 Accessorie s 7.2 Customer Service 1.1.1.1 School Page 4.3 Logo Tshirt 6.3 Edit 2.4 Accessorie s 7.1 About Us 4.4 Plush Toy 7.3 FAQ Color 7.4 Social Media 4.5 Backpack Same search as home
  3. 3. Navigation Schema School Spirit Girls Boys Search Bag Footer Tops Tops iPhone Case Results Buy About Us Formal Shirts Formal Shirts Logo Hoodie Email Customer Service Polo Shirts Polo Shirts Logo TShirt Edit FAQ T-Shirts T-Shirts Plush Toy Tank Tops Tank Tops Backpack Sweaters Sweaters Hoodies Hoodies Social Media
  4. 4. User Flow: Sarah Green, first time user First time user HOMEPAGE SCHOOL LANDING PAGE Finds School Searches for sweaters SWEATER Adds sweater to bag, shops more, views bag Son views bag on iphone, edits items, sends back EDITED BAG BAG ON IPHONE Enters email address for son, emails bag Sarah views edited bag, then buys it CHECKOUT BAG Signs up, creating a profile BAG
  5. 5. Notes Wireframes iphone email Carrier 1. Swipe down to see the school's list of clothing. Required items are listed 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. 12:00 PM Page Title http://truespirit/email/8746325 1 Google 2. Users can give a thumbs up/down by clicking on the appropriate icon. This up/down info is displayed in the sender's bag. School Clothing List Cardigan Sweater Required $45 3. Swipe up to see a complete product description. Swipe down when you're done to make it disappear. 4 Medium 5 4. Recipient can change sizes and colors. Edited are reflected in the sender's bag. Quantity 1 6 2 ADD 3 5. Swipe left/right to view the contents of the bag, one piece at a time. Product Description 6. Recipients can add items.
  6. 6. Wireframes 1 Home Page - find school Girls Boys School Spirit 2 SIGN IN SIGN UP Search 3 SEARCH FOR YOUR SCHOOL Notes By name of school: 1. Clicking on the trueSpirit logo returns you to the home page. or, by city and state: or, by school number: 2. Shopping bag, currently empty. Numbers will display to the left of bag, indicating number of items. FEATURED ITEMS CURATED COLLECTIONS GO Classic Prep 4 3. Header "floats" above scrolling page. FIND YOUR SCHOOL 4. Clicked tag has pulled down School Search. 5. Links to social media. POLO SHIRTS DRESS PANTS JACKETS 5 ABOUT US CUSTOMER SERVICE FAQS f
  7. 7. Wireframes Product Detail Page top half Girls + Boys School Spirit 4 5 SIGN UP! SIGN IN 1 Search Shopping List You are shopping for a child in 9th grade Add a child 6 3 1 Home / Boys / Tops / Sweaters Notes 2 Cardigan Sweater Cool Gear $45 Required Medium 1. Clicking here will prompt parents to enter school info for another child. 2. School info bar "floats" with header as page scrolls. Size Chart 3. Info on the child for whom the parent is currently shopping. • • • Our own soft blend of cotton and cashmere for warmth and coziness Machine washable Classic style and comfort 8 7 Deluxe Backpack Optional Price $55 5. Indicates the number of items in the Shopping Bag. 6. School clothing list for the current student. Added! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin neque arcu, venenatis et tincidunt tempus, consectetur imperdiet justo. Nulla dignissim venenatis cursus. Ut commodo massa in tellus vestibulum mollis tincidunt eu sapien. Nam eget sem sed lorem sodales pellentesque sed eget velit. Donec nunc lacus, ultrices et consectetur quis, laoreet et quam. Curabitur nec tellus vitae erat molestie ultricies. 4. Parents are prompted to Sign Up when they add an item to the Shopping Bag. 7. Image of the back of the sweater. 8. Indicates that an item has been added to the Shopping Bag. Leather Belt Optional $15 Price
  8. 8. Wireframes Billing & Shipping Girls + Boys School Spirit ACCOUNT 3 Search Shopping List You are shopping for a child in 9th grade Add a child Notes Billing Info 1. Name and email address autofilled from account info. Order Summary 1 Item Sarah Quantity Cardigan Sweater Green 1 Price $45.00 edit Medium x 3 sarah.green@gazoo.com 4 2 Long Sleeved Polo 1432 Magnolia 1 $19.00 Medium AL Zip Code Long Sleeved Polo 1 $19.00 Medium Note / Special Instructions SUBTOTAL TAX CONTINUE edit x Phone Number 6 edit x Address Line 2 City 5 $83.00 $0.00 SHIPPING $0.00 GRAND TOTAL $83.00 2. Border color indicates where customer is typing. 3. Customer can change Quantity by clicking here. 4. Clicking on this X will delete them item. 5. Clicking on Edit allows the customer to change the Color, Size, and Quantity of the item. 6. Clicking here takes the customer to the next stage of the the billing process, if everything is correct.
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×