forbidden planet micro-site concept

17
ECOMMERCE MICROSITE: Forbidden Planet Carolyn Jao UXDI 2014

Upload: carolyn-jao

Post on 26-Jul-2015

218 views

Category:

Design


2 download

TRANSCRIPT

Page 1: Forbidden Planet micro-site Concept

ECOMMERCE MICROSITE: Forbidden Planet

Carolyn Jao UXDI 2014

Page 2: Forbidden Planet micro-site Concept

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

Page 3: Forbidden Planet micro-site Concept

ECOMMERCE MICRO SITE: Forbidden Planet

Curated guide to 100 of our best products

Build brand Image/presence on site Personal, expert advice.

FORBIDDEN PLANET PLUSSuch guide. Much content.

Page 4: Forbidden Planet micro-site Concept

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

Page 5: Forbidden Planet micro-site Concept

ECOMMERCE MICRO SITE: Forbidden Planet

Clear navigation

Variety of ways to locate product

Customer Support

Brand presence

What do we need?

Page 6: Forbidden Planet micro-site Concept

ECOMMERCE MICRO SITE: Forbidden Planet

Sitemap

User Surveys

User flows

Wireframes

Prototype

How can we do this?

Page 7: Forbidden Planet micro-site Concept

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

Page 8: Forbidden Planet micro-site Concept

ECOMMERCE MICRO SITE: Forbidden Planet

Page 9: Forbidden Planet micro-site Concept

ECOMMERCE MICRO SITE: Forbidden Planet

Initial Research: User Flow

Page 10: Forbidden Planet micro-site Concept

ECOMMERCE MICRO SITE: Forbidden Planet

Initial Research: User Personas: Initial User Flow

Page 11: Forbidden Planet micro-site Concept

ECOMMERCE MICRO SITE: Forbidden Planet

The Process: First Wireframes

Sub-navigation

Quick views of items

One step check out

Page 12: Forbidden Planet micro-site Concept

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

Page 13: Forbidden Planet micro-site Concept

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

Page 14: Forbidden Planet micro-site Concept

ECOMMERCE MICRO SITE: Forbidden Planet

Page 15: Forbidden Planet micro-site Concept

FORBIDDEN PLANET PLUSSuch guide. Much content.

http://invis.io/H21VQ9F8E

Page 16: Forbidden Planet micro-site Concept

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

Page 17: Forbidden Planet micro-site Concept

Questions? Comments? High-fives?

[email protected]