Crate&Create: A Sister Brand Website Prototype for Crate&Barrel

Student Project: Design a sister brand website for Crate&Barrel that will help customers plan and purchase the items they need for their decorating projects.

Timeline: Two weeks

UX Practices: Company Research, Competitive Analysis, User Research, Peronas, Card Sorting, Taxonomy, Site Map, Navigation, Branding, Wireframes, Usability Testing, Prototype.

Skills & Tools: Hand sketching, Photoshop, Axure

Case Study: Creating an Interactive Prototype

Artboard 1.png

Objectives

- A simple, instinctive, and memorable experience that yields online planning, purchasing, sharing/rating products, and a subscription service.

- Appropriate design tools with recommended options for planning on a budget and ways to quickly narrow down choices by individual preferences and design styles.

- Help keep track of projects which can be saved and revisited, with periodic reminders.

The Design Process

- Information Architecture: Card Sorting and Taxonomy, Site Map.

- Site Navigation: Planning the hierarchy, using web conventions, sticky global navigation, responsive navigation, fat footer.

- Wireframes: Home page, About page, Contact page, Product Listing page, Product page, Design Tool page.

card-sorting-1.jpg
cyos-screenshot.PNG

Usability Test and Final Prototype

For the purpose of this project a partial prototype was created with three interactive flows. To test these flows effectively, users were given some focus areas to test the initial prototype.

Adjustments and modifications were made based on user feedback, and a final prototype was created.

Interactive Prototype (click on the arrow to see video)

Company History & Philosophy

“The store is the stage, with the lighting, the music, the atmosphere. The product is the script. The employees are the actors. The customer is the audience. And it is the job of the actors to convince the audience that this is a good play — a good product.”— Gordon Segal

company-history.png

Competitive Analysis

Creating a new logo

branding-2.png