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
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. 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. 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. 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. 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.
