forbidden planet micro-site concept

Post on 26-Jul-2015

219 Views

Category:

Design

2 Downloads

Preview:

Click to see full reader

TRANSCRIPT

ECOMMERCE MICROSITE: Forbidden Planet

Carolyn Jao UXDI 2014

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

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.

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

ECOMMERCE MICRO SITE: Forbidden Planet

Clear navigation

Variety of ways to locate product

Customer Support

Brand presence

What do we need?

ECOMMERCE MICRO SITE: Forbidden Planet

Sitemap

User Surveys

User flows

Wireframes

Prototype

How can we do this?

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

ECOMMERCE MICRO SITE: Forbidden Planet

ECOMMERCE MICRO SITE: Forbidden Planet

Initial Research: User Flow

ECOMMERCE MICRO SITE: Forbidden Planet

Initial Research: User Personas: Initial User Flow

ECOMMERCE MICRO SITE: Forbidden Planet

The Process: First Wireframes

Sub-navigation

Quick views of items

One step check out

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

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

ECOMMERCE MICRO SITE: Forbidden Planet

FORBIDDEN PLANET PLUSSuch guide. Much content.

http://invis.io/H21VQ9F8E

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

Questions? Comments? High-fives?

mail@carolynjao.com

top related