ALEX AND ANI MICROSITE

  • Home
  • /
  • ALEX AND ANI MICROSITE

Project Overview

The Challenge

Design a microsite for Alex and Ani that focused on selling a single product category consisting of 75-100 products that targeted a specific persona.

The Solution

An interactive e-commerce prototype that consolidates products based off of the stones they were made with. Visitors can easily view an entire stone collection and choose gifts to purchase by typing in a birth date. Using Axure, I built a functioning prototype that utilizes a drag-and-drop shopping cart while speeding up the checkout process.

Business Analysis

Companies were chosen for comparative analysis based off of function: how easily users can navigate and add products to the shopping cart. Companies chosen for the competitive analysis were direct competitors.

Comparative Analysis

Competitive Analysis

User Testing: Card Sorting

INFORMATION ARCHITECTURE

The sitemaps and user flows were made with Axure, using data provided by various forms of user testing. The featured collections are based on the zodiac sign associated with a birthday populated by the user. Pre-defined collections are then shown to the user, before showing additional trending items at checkout.

Sitemap

Userflow

Annotated Wireframes

The system illustrated via wireframes features unique pre-selected collections, an interactive product selection system and consolidated shipping and checkout pages. Interactions are based on these assumptions: 1. The persona already has an account. 2. The persona has already made purchases. 3. The persona’s credit card info is already saved.  4. The persona already know’s their friends birthdays.

Homepage

1. Slider
2. Sub-Nav
3. Zodiac Collection System
4. Featured Products
5. Birth Stone Info

Shopping Cart

6. Featured Birth Choices
7. Birth Collections by Stone (Drag and Drop Chart)
8. Zodiac Collection System

Shopping Cart (page 2)

9. Chosen Items
10. Billing and Shipping + Trending Items

Order Confirmation

11. Order Confirmation

Live Prototype: Axure

Click here to view the live prototype (note assumptions above)

Interface:Web
UX Tools:
Axure
My Roles:
User/Field Research
Interviewing
Information Architecture
User Flows/Scenarios
Sketching
Wireframing