New menu order:

If we are a
product/customer centric
company, then let’s look like
it and first offer them good
nutrition, second offer them
more knowledge, then let Needs a larger, more
them get to know us, and obvious shopping cart icon
THEN ask them to “marry” and counter.
us.

Old menu order:

JOIN US first was saying

we’re in it for us.

In that context, SHOP next

feels like “give us your
money.”

WHO WE ARE says this is not

about you.

A not-so-subtle shopping
button
Consider majorly reducing
these page title headings
and spacer (it’s much too
large for mobile)
At minimum, have category
names showing when
visiting this page. Consider
more categories. And have
them sort by categories.

Have product names include

what the item is.

Simple, easy to read labels.

Best value selection as

default.

Larger, easier to read

subscription-supporting
text.

Not so subtle Add to Cart

button
Clicking the cart icon opens
the cart drawer.

Title or should say what is in

the package (ie. 60 detox
capsules, 30 antioxidant
gels, etc)

Make price larger. Price

changes based on selector.

Make all labels and selectors

larger and say the same
thing as on previous page.
Default to subscription
order.

Add larger and heavier

subscription-support text
and match the Add to Cart
button color so they appear
more related.

More bold Add to Cart

button. Clicking it adds the
item to the cart and opens
the cart drawer.

When cart drawer opens a
transparent mask covers the
page under it and makes the
items under it unclickable.
Clicking in the masked area
will close the cart drawer.
Clicking the “less than” icon
or clicking away from the
cart drawer closes the cart.
Cart drawer opens when
user clicks on Add to Cart
button on any page.
User can delete the product
from the cart. Subtotal
recalculates.
Excess items can scroll
below the subtotal,
Checkout button, and the
Promo box a t the bottom.
User can change quantity on
a line item. Counter
increments and recalculates
line total.
Subtotal recalculates as
items change in the cart.
Subtotal stays directly above
the Checkout button and
does not scroll off the
screen.
Takes user to the checkout
process. Button does not
scroll off the screen.
Promo box can hold an html
message and does not scroll
off the screen. Current
message will be to Join Us.
Login moved to the primary
choice

More bold buttons to match

others in the flow.

Option to create affiliate

account to pique curiosity
and give new people an
opportunity to keep the
items in their cart.
Oftentimes new users don’t
know to take an affiliate
path before shopping.
Change to this title.

This section will show only if

on the corporate site.

Shipping and Payment after

this point are fine (except
hide the breadcrumbs on
those pages. Shipping and
payment fonts, layout, and
Make bold button to match buttons need to match the
others in the flow. styles of the rest of this
process.
If on corporate site, support
will use this information to
contact a possible sponsor
and/or the new enrollee to
resolve.

Shipping and Payment after

this point are fine (except
hide the breadcrumbs on
those pages. Shipping and
payment fonts, layout, and
buttons need to match the
styles of the rest of this
process.
Select Your Market moves
to this page so it can be
used however you get to the
form (instead of on the page
before the form).
Changing the market
refreshes the business kit
options on this page
(category-based logic).
Clicking anything on this line
can open the accordion
drawer to reveal more
details about this kit. This
way a user can open more
than one to compare details.
The form stays simple
looking while the user
determines how much
information shows on the
page.
Clicking the Add to Cart
button adds the selected kit
to the cart and advances to
the Registration page. If a
configurable kit is selected,
the user is prompted with a
modal to select the contents
of the kit (as it works now).
 Clicking this open icon can
collapse the details about
Ideally this would be a this kit.
picture of the kit contents.
If on the corporate website,
sponsor/referrer
information is taken the
same way it is taken from
the customer account
creation form.
Same as create customer
account page with the
addition of all past the re-
enter password field.
Social security number and
birthdate are both
intentionally left off this
form and can be collected
later when the person
meets a tax or 1099
threshold. These also can
make people very nervous.
If the person needs to meet
a minimum age
requirement, the field can
be changed to a checkbox
with a declaration that they
are at least X number of
years old.
Collapse optional sections. If
not optional, make them
optional. These sections can
create confusion and are not
critical to the signup
process. We want to make
this look as simple as
possible.
This format for this field is
much easier for a user to
understand what is being
asked and that it is not
permanent. IF it is
permanent now, we need to
make it easy to change. We
don’t want people jumping
out at this point.
Shipping and payment are
no longer part of this form
and will share the same
shipping and payment pages
as the customer checkout
process.