Furniture Website UI

Website and app design concept for a furniture store

Overview

A design-related website should have a decent style which reflects the theme of the business. There are many furniture websites, but a large amount of them have an absence of simplicity and style. After exploring various examples, I decided to come up with a redesign and a new concept for a modern furniture website. This case study is a personal project and an exercise that describes the process of redesigning a website and creating a mockup of a potential mobile application while defining functionality based on the insights.

Interactive prototype

Discovery

Current State Analysis/ User Research/Reviews
I gathered detailed reviews from a website called consumeraffairs.com which provides consumer news and a SaaS that allows brands to connect with consumers. According to their information the top three most satisfying furniture websites on the market are Simplicity Sofas, Brass & Burl and DirectBuy.

Competitor Analysis

After browsing the top three best reviewed furniture websites I have created lists of strengths and weaknesses.

Goals

  • categories on the first page
  • variety
  • big pictures
  • designer consultation
  • search
  • phone support
  • social media outlets

Pain Points

  • mandatory membership
  • outdated design
  • confusing structure
  • big popup advertisement banners
  • small titles

Card Sorting

The next step is to gather and categorize customer needs by applying card sorting activity.

Progressive Personas

I decided to set the user personas around the two major use cases I identified while card sorting and interviewing users. I came up with persona types that defining potential customers of the website.

• Peter is a bargain shopper who is always interested
in a great deal

• Kate is a busy woman who is buying online to save time


One of the desirable key style elements for both persona types were modern look and simplicity.

Design Opportunities

Based on conducted research which includes user reviews, analyzing most satisfying furniture websites models, card sorting and progressive personas - I came up with the first drafts of our potential product.

Informational Architecture

Sketches

High-fidelity wireframes

Based on the important insights obtained through discovery and exploration stages, now we are able to implement our ideas and create first prototypes of the website. As it was found in the Competitor Analysis, and Progressive Persona sections, our first mockups contain - a modern, clean and simple design, as well as an easy navigation and straight-forward structure.

Color Palette and Typography

In order to achieve simple and modern look, I decided to use light colors, common in furniture and decoration, combine flat design with real elements (i.e. couches, laps, tables), separate/emphasize on each category.

Chosen colors represent some of the most popular pastel options for the house decoration. Beige and Neutral colors convey calm and relaxation as both help to focus on focus on browsing items.

with such attributes as boldness and spacing between the characters. It makes the font look visible on both titles and main text that navigates users around the website.

Outcome

The challenge was to create a unique, yet simple and trendy look for a furniture website. By following the UX process (researching on the initial idea, sketching, drafting, choosing color palettes and fonts, creating prototypes, defining ideas for the logo, testing user interface, and final testing), the idea for an eye-pleasing design was implemented and the goal was achieved.

Takeaways

The most important intakes in this project were:

• time frames and following instructions

• clear descriptions, narrowing down to one design idea
and going with it till the end

• relying on customer feedback