Crafted an e-commerce experience seamlessly integrating ease of use with luxury and refinement, exuding sophistication and exclusivity in every interaction.

Screenshot of an online furniture store homepage featuring a white vase with a branch, navigation menu, search bar, and various furniture categories such as accent chairs, decor, pillows, and windows.

Online furniture store homepage featuring a white vase with green leaves, with the text 'Luxury is in each detail' and a 'View Gallery' button. Menu options include Envision, Curate, and Enjoy. Product categories displayed include Accent Chairs, Decor & More, and Pillows.

SUMMARY

I gained critical research insights into the target audiences, as well as direct competitors in order to leverage my understanding to create insightful designs. I crafted a visually stunning interface that exudes elegance and allure, enticing users to explore and engage with the platform.

In designing the user journey, I focused on simplicity and clarity, streamlining navigation pathways and minimizing friction points to enhance usability. Intuitive features such as personalized recommendations, visually appealing product displays, and effortless checkout processes were meticulously integrated to elevate the overall shopping experience.

ROLES

Research

User Experience Design

User Interface Design

TOOLS

Figma

Miro

HeyCollab

RESPONSIBILITIES

Competitive Research

Style Guide

Moodboards

High Fidelity Wireframes

Responsive Design

User Interface

Prototype

Five white chairs against a minimalist, pale wall with a slightly darker vertical strip and floor, evenly spaced in a modern setting.

CHALLENGE

Opulence was struggling to stay competitive in a saturated home decor market. Increasing acquisition a reducing bounce rate was a critical goal in this design project.

SOLUTION

A three-pronged design approach: standing out through unique design, personalizing user experiences, and telling compelling stories. Unique design elements create a standout brand identity, personalized experiences deepen consumer engagement, and storytelling fosters authenticity. By combining these strategies, Opulence can stand out as a provider of luxury home decor, luring the user to engage further, sign up for emails, and browse products.

THE PROCESS

1

COMPETITIVE RESEARCH

The initial step is to comprehensively analyze the competitive market landscape. This involves examining the offerings, strengths, and weaknesses of existing home decor luxury providers.

Collection of website pages and mobile app screens for RH Restoration Hardware showcasing furniture selection, product details, and online shopping interface.

A collage of screenshots showing the online home decor store Belle & June website, including pages for products, shopping cart, account creation, and homepage with promotional banner.

Screenshots of a website for Ballard Designs featuring home furniture. The first row shows the mobile interface with product search and details, and the second row displays desktop interface with furniture categories and images, including a bedroom a

2

MOODBOARD

Creating a moodboard to select a color palette that exudes luxury, elegance, and evokes positive feelings involves a deliberate and thoughtful process.

• Curate Visual Elements

• Color Selection

• Balance and Harmony

• Evaluate and Refine

Interior design website screenshot featuring a teal color theme, with images of a kitchen, bedroom, and living room, and color codes #68908C, #355652, and #1C2B2A.

Screenshot of a modern online furniture store webpage with a light teal color theme, showing a sectional sofa, green plants, and a hanging light fixture, with color options and pricing details.

Online furniture shopping website homepage featuring luxury chairs with color options, product details, and a color palette with dark teal, light gray, and off-white.

A digital design mockup of a webpage titled 'An idea for a better tomorrow' featuring a potted plant and framed artwork against a light blue background, with color codes #E5E5E5, #D4D4D2, and #BAC6C4.

Living room with hanging glass planters, a floor lamp, a potted fern on a small white table, and a gray sofa with pillows

Modern living room with light gray sofa decorated with gray and beige pillows, a white textured blanket, and surrounded by plants. Wooden coffee tables and a round knitted pouf sit on a light-colored circular rug. Two framed architectural prints hang on the wall, and a floor lamp provides warm lighting near a window with gray curtains.

Living room with large circular mirror above the sofa, two windows with curtains, and a coffee table with decorative items.

Five modern hanging pendant lights in a tiered arrangement, with smooth, white surfaces, suspended from cables against a light-colored wall.

Online furniture catalog displaying modern chairs, with one wooden chair featuring a curved seat and backrest, and a second white chair with wooden armrests.

3

STYLE GUIDE | UX COMPONENTS

Establishing a style guide and UX components involves creating a comprehensive set of design guidelines and reusable elements to maintain consistency and coherence across the user interface.

This includes defining typography, color schemes, iconography, spacing, and other visual elements. While the style guide is established after moodboarding, the UX components, from atom to page templates, are created during the UX and UI stage of design.

A color palette chart with primary and secondary colors and their hex codes, including descriptions for each color section.

Wireframe of a webpage layout with sections labeled Web Header Slider, Web Categories, Section Copy with Button, Landing Slider, Mobile Navigation Menu, Web Sub Header, Section Overlay Copy with Button, and Mobile Sub Header, featuring placeholders for images, text, buttons, and menus in a grid format.

Wireframe layout of a mobile website with sections labeled for typography, mobile navigation, web navigation, sub-headings, footer sections, and a button.

4

USER EXPERIENCE

Designing UX wireframes involves conceptualizing the layout and focusing on the placement of elements, navigation flow, and functionality to ensure optimal user experience with a responsive design across multiple platforms.

A website homepage for Opulence interior design featuring sections for new arrivals, designer collections, design services, and holiday decor, with images of modern and decorative home interiors in grayscale.

Online furniture store login page with sign-in form and links to resources, shopping, company info, and social media.

Online furniture store product page for Solaris Accent Chair priced at $1,299 with options for leather color and finish, detailed description, and designer recommendations below.

5

USER INTERFACE

In this user interface, I prioritized visual aspects of the design to create an elegant and refined experience. This includes incorporating clean lines, subtle gradients, and elegant use of color palettes to convey a sense of luxury.

High-quality imagery and minimalistic typography further enhance the aesthetic appeal, while strategic use of white space adds a sense of spaciousness and elegance.

Additionally, attention to detail in design elements such as buttons, icons, and transitions elevates the overall user experience, resulting in a visually stunning interface that captivates users with its allure.