1. 1
2
1
3
Notes:
Fixed Shopping Interface
As the visitor scrolls down the page, the shopping interface
shall stay fixed within the page layout, so that the visitor
can scroll down all the way to the bottom of the page and
still have the opportunity to Buy the shirt.
2
Fixed Shirt Design Indicator
Since the visitor can scroll down very far, this indicator
remains fixed in place so the visitor has constant reminder
of which design they are viewing today, as well as the title
and designer name for the shirt. At any time, the visitor
can hover over the shirt preview and click to see the
zoomed view of the design.
3
Proposed Single Size Selector
Instead of giving the visitor a dual selector picking either
woman's or men's sizes, with added price options
displayed by default, the proposed idea is to place all
these possible options inside a single drop down selector.
When opened:
5
Proposed Change to Cart Metaphor
Since the premise of Tee Fury is a single daily deal,
perhaps the cart metaphor should be avoided, since
conceivably, the user would only normally be in a context
of shopping for a single item, the cart metaphor is not very
valuable to the user and may be distracting.
4
4
5
4
Proposed Color Selector
Instead of offering a dual color selector, test the interface
with a single simple color selector that changes the
preview color in all cases, including the above zoom
preview thumbnail.
Size Chart to Trigger Modal Display vs. New Page
Instead of redirecting the visitor away to another page, the
size charge should be rendered in a modal dialog that
keeps the visitor on the same page.
Small
Medium
Large
X-Large
XXL ( + $1 )
XXXL ( + $2 )
Women's Small
Women's Medium
Women's Large
Women's XL
Women's XXL ( + $1 )
Women's XXXL ( + $2 )
6
Proposed Elimination of Sidebar Content
Since pages can run very long with additional content such
as comments, the sidebar should be kept clear of content,
so that the shopping interface can remain fixed in this area
of the screen as the visitor scrolls down through the
comments.
Today's Tee - Proposed Test Concept Page: 1 Tee Fury Proposed Redesign Test Concept
Initial Proposal v1.0
RG 6/8/13
2. Proposed View of Fixed Shopping Interface
Comments may be what push a visitor into buying a shirt.
Since the pages can be very long due to so many
comments, the visitor should have constant immediate
access to start the buy process no matter how far they are
down the screen.
Once the top of the shopping interface container reaches
the top of the browser viewport, it should "snap" into place
as a fixed element so that no matter how far you scroll
down the shopping interface will always be fully
accessible.
If the visitor scrolls back up to the top, the shopping
interface will only remain fixed up until the original location
of the interface has been reach, at which point it will
unsnap and return to it's original layout position.
Notes:
Fixed Interface - Scroll comments Page: 2 Tee Fury Proposed Redesign Test Concept
Initial Proposal v1.0
RG 6/8/13
3. Proposed View at Bottom of Page
Even as the visitor reaches the bottom of the page the
shopping interface shall still be instantly accessible and all
the original functions shall remain available.
Since often the comments are about the design, this allows
the visitor to zoom in the design and return to comments at
any time without interrupting their flow within a particular
comment thread.
Notes:
Fixed Interface - Scroll all the way to end Page: 3 Tee Fury Proposed Redesign Test Concept
Initial Proposal v1.0
RG 6/8/13
4. Proposed Modal Display for Design Zoom View
The design is the most important aspect of the customer
decision to buy. The purpose of this design change is to
allow the visitor to glance a larger version of the design in a
context that lets them appreciate the design itself without
any distraction.
Notes:
Design Zoom Concept Page: 4 Tee Fury Proposed Redesign Test Concept
Initial Proposal v1.0
RG 6/8/13
5. Notes:
Proposed Modal Display for Size Charge
The purpose is to allow the visitor to glance at the size
charge without having to be navigated away to another
page.
Size Chart Modal Concept Page: 5 Tee Fury Proposed Redesign Test Concept
Initial Proposal v1.0
RG 6/8/13
6. 1
Proposed Buy Action Flow
User clicks Buy Now to start checkout process
immediately instead of reviewing a cart before checking
out.
Today's Tee
Checkout
Change
Size or
Qty
Checkout
Cart
(Bonus Promos)
Change
Qty
Edit
Cart
After Hours Tee
Buy
Now
Today's Tee
After Hours Tee
Add
to
Cart
1
2
2
Proposed Changes to Checkout Function
User can freely change quantity, color, size via checkout
form and changes will live update on the checkout page
without navigating the user away to another page.
If the user wants to add another shirt color or size for the
same order, the Continue Shopping link will redirect them
to the previous page so that they can select another size or
color to Buy. When the user is taken to checkout page
again, the checkout summary will contain the additional
row representing an additional selected size/color
combination.
Continue
Shopping
Original Checkout Flow
For AB testing purposes, the original shopping cart
checkout flow.
Notes:
Checkout Flow - Proposed Test Concept Page: 6 Tee Fury Proposed Redesign Test Concept
Initial Proposal v1.0
RG 6/8/13
7. 1
Proposed Checkout Header
Since visitors do not need to access additional content to
finish their transaction, the elimination of header navigation
will not harm the user experience and it may reduce the
visual noise which may distract them from completing a
transaction.
1
Proposed Order Edit Functions
Changes to the size, color, or quantity should immediately
update the checkout page vs. navigating the visitor away
to another page.
If the visitor wants to add shirts in another size to the same
order
2
2
Notes:
Proposed Checkout Concept Page: 7 Tee Fury Proposed Redesign Test Concept
Initial Proposal v1.0
RG 6/8/13
8. 1
Proposed Checkout Behavior for Handling Additional
Items
For cases when visitor wants to order more than one color
or size of a particular shirt, the additional selected color or
size combinations can appear as their own row in the
checkout summary sidebar, each having the functions for
updating the color, size or quantity.
1
Notes:
Proposed Checkout Concept - More Items Added Page: 8 Tee Fury Proposed Redesign Test Concept
Initial Proposal v1.0
RG 6/8/13