This is a concept site designed for the /awesome/ store Forbidden Planet. I've always loved the wide arrange of products and superb knowledge of the employees there. I don't work for Forbidden Planet, this was done as a study when I was attending the General Assembly User Experience Design Immersive.

1. ECOMMERCE MICROSITE: Forbidden Planet
Carolyn Jao
UXDI 2014

2. ECOMMERCE MICRO SITE: Forbidden Planet
Forbidden Planet Store
Helpful, knowledgable staff
Large collection of
specialized/collectable products
Customers of all ages
Large retailers online have a
huge collection of products
Many of them sorted by Brand
Many sites online highlight their
exclusive items
Competitors

3. ECOMMERCE MICRO SITE: Forbidden Planet
Curated guide to 100 of our best products
Build brand Image/presence on site
Personal, expert advice.
FORBIDDEN PLANET PLUS
Such guide. Much content.

4. ECOMMERCE MICRO SITE: Forbidden Planet
“I want to find something for my
daughter we can do together.
something for her age, isn’t too expensive
and from a big brand I can trust. “
GOAL NOPES
“I can’t find what I
need!”
“The shipping is
so expensive”
“I don’t know how
to return this
item!”
“I don’t know
enough about this
item.”

5. ECOMMERCE MICRO SITE: Forbidden Planet
Clear navigation
Variety of ways to locate product
Customer Support
Brand presence
What do we need?

6. ECOMMERCE MICRO SITE: Forbidden Planet
Sitemap
User Surveys
User flows
Wireframes
Prototype
How can we do this?

7. ECOMMERCE MICRO SITE: Forbidden Planet
Initial Research: Card Sorting
Talisa C: “My Little Pony
Journal I would consider that
under books
Joseph P: “I feel like action figures are
things you play with. Statues you can’t play with.”

8. ECOMMERCE MICRO SITE: Forbidden Planet

9. ECOMMERCE MICRO SITE: Forbidden Planet
Initial Research: User Flow

10. ECOMMERCE MICRO SITE: Forbidden Planet
Initial Research: User Personas: Initial User Flow

11. ECOMMERCE MICRO SITE: Forbidden Planet
The Process: First Wireframes
Sub-navigation
Quick views of items
One step check out

12. ECOMMERCE MICRO SITE: Forbidden Planet
The Process: Testing First Wireframes
“I
can’t find how to go back
from the cart”
“It’s a small site so
why can’t I just see every
product”
“I’m not sure if this is my
information in the checkout”
“What if I just want to see
Marvel Products? What is this
sub navigation?”
“I’m guessing this mass
of text is something about
the categories? “
TALISA. C
JOSEPH P
KATIE K

13. ECOMMERCE MICRO SITE: Forbidden Planet
The Process: 2nd Wireframes
Deleted the sub
navigation
Wireframe for one
page vs 3 step check
out for A/B Testing
Simplify homepage -
scale items
Added live chat/tips

14. ECOMMERCE MICRO SITE: Forbidden Planet

15. FORBIDDEN PLANET PLUS
Such guide. Much content.
http://invis.io/H21VQ9F8E

16. ECOMMERCE MICRO SITE: Forbidden Planet
Next Steps:
• Explore more site interactions with users
• Test further with check out options
• Explore account and ‘user’ perks to drive brand
loyalty
•Test with users shopping in-store 8

17. Questions? Comments?
High-fives?
mail@carolynjao.com