A luxury furniture brand offers unique furniture pieces to customers. They have a streamlined web experience that features best sellers and in stock pieces. With customer service in mind a chat function connects customers with a live representative to assist with any questions necessary.


The landing page communicates the overall furniture style to the customer by showcasing a hero image with a best-selling product and the opportunity to click into the collection. The header is straight forward and easy to navigate. Color selection was based on soft warm neutrals with darker accents inspired by a combination of earth tones.  Arches are utilized as an ode to the modern and contemporary design of the company's furniture pieces. 

Design Challenges

Creating a seamless experience for online shoppers. Since customer service is the key for return customers it's necessary to ensure customers have quick access to information and design advice.

My role

Visual Designer, Concept, Research

Tools Used

Adobe XD, Adobe Photoshop, Pencil, Paper

Target Audience

Trendy & design conscious consumers

Here is my process...


First, I do some research on different brands with a similar product. This gives me an opportunity to see how other companies are implementing certain features and identify as a user what makes the web experience a good or bad one.

Pottery Barn: Has a very crowded header with several different categories including search bar, product categories, and other informational tabs. This makes everything a bit overwhelming. However, placing the company name (also their company logo) centered on the top menu creates visual balance. Utilizing a banner to showcase events is done in a great way without taking too much away from the brand. Scrolling down to videos of best-selling products is a great visual highlight.

Pottery Barn Example

Ikea: A very clean and simple design but requires opening the nav menu to navigate through all the different product sections. It isn't as seamless because it provides too many options such as first deciding if you are better at identifying the product you are searching for by product type or by room.

Ikea Example

Living Spaces: A simplified version cutting down informational tabs. Their image upon opening the website highlights their easy online shopping experience. While describing the shopping process is a good way to put clients at ease, it is missed opportunity to showcase a best-selling product or discounted sale item.

Living Spaces Example


After some research I create a mind map of how the user would be able to navigate through the online store. Then creates a quick sketch for some preliminary layout ideas.

Luxurio Sketches

Low-Fidelity Wireframes

After pouring some ideas onto paper I jump into creating some low-fidelity wireframes to show the basic layout and proportions of each page.

Luxurio Landing Page Wireframe
Luxurio Collections Wireframe
Luxurio Wireframe Product Pages

High-Fidelity Prototype

Following the wireframe, I create some high-fidelity prototypes to bring together all the ideas for testing.

Luxurio Landing Page
Luxurio Best-Sellers
Luxurio Collections
Luxurio Contact
Luxurio Living Room Product Page


Marketing Overlay: Increases conversation rate by offering promotional pricing while the customer signs up to receive information on future sales and new product releases.

Marketing Overlay Mockup

Chat Box: Allows customers to inquire on anything from availability, additional product information/tear sheets to connecting them with an in-house designer. Access to a live representative will help reassure clients with their purchases.

Chatbox Mockup

Contact: Allows customers to see if they live in the vicinity of a store location and connect with the store if they have immediate questions.

Contact and Locations
Other projects: 

Copyright © Itzamara Machado, 2022