ONE+ONLY

A newly launched bridal jewelry brand with enhanced personalization options and exceptional shopping experience

Overview

Building on the foundations of their existing brands, Jewlr and Lee Fiori, Safyre Labs wanted to create and launch a new bridal jewelry brand that focuses mainly on engagement rings and wedding bands. Their intention was to take out their current selection of wedding jewelry from Jewlr to a platform exclusively dedicated to offering bridal-related products, with the objective of providing customers with a more focused bridal-centric experience with enhanced personalization options.


Under a tight four-month timeline, I took a comprehensive role in the project from start to finish and designed multiple pages and digital products collaboratively with other designers, managers, and developers.

Role

UX/UI Designer

User Research, Competitive Analysis, Content Strategy, Brand Development, Information Architecture, Visual Design, Design System, Wireframing, Prototyping & Testing

Team

UX Team, Developers, Project Managers & Stakeholders

Duration

4 Months

Understanding The User

In the first step of the UX process, I conducted extensive research to understand the needs, expectations, and pain points of the target audience. I needed to understand how current products are addressing user's needs and to identify areas of potential growth. Thus,  I started with an audit of our competitors' online stores.This helped me gain empathy and insight into their experiences.

Competitive Analysis

Strengths:

Weakness:

Strengths:

Weakness:

Strengths:

Weakness:

Strengths:

Weakness:

Target Audience

The target audience for ONE+ONLY are mainly millennials who are most likely engaged or married, and are planning their wedding or attending someone else's wedding. They have a positive attitude towards technology and prefer shopping online for their convenience and time-saving benefits. As ONE+ONLY caters to the luxury bridal jewelry market, this audience will be willing to invest in personalized pieces that reflect their style and are worth cherishing for a lifetime. 

Personas

I defined two target group profiles Christina (Marketing Specialist, 29), and Alex (Software Engineer, 35) to better empathize with my main user groups and prioritize goals according to their needs. 

User Pain Points

Next, I moved on to the defining phase, where I analyzed the research data to identify the key user problems and needs. I started by identifying the users main pain points when it comes to buying bridal jewelry.

Goal Statement

The goal of launching ONE+ONLY was to meet the growing demand of millennials looking to purchase bridal jewelry online. By offering a unique collection of personalized and handcrafted pieces at great value, the brand aims to differentiate itself from others and provide a seamless and stress-free purchasing experience, making the customers feel like they went the extra mile to get their perfect jewelry. 

How Might We

create a unique brand identity and one-of-a-kind jewelry collection that cater to the diverse preferences of millennials in a crowded market?

How Might We

offer personalized and engaging customer interactions to enhance the online shopping experience for brides-to-be?

Starting The Design

In the ideation phase, I collaborated with the team to create a list of features and functionalities for the website to capture the user's goals and motivations. Then, we prioritized the ideas based on their feasibility and potential impact on the user experience. In order to determine what screens to use for designing the user interface, I made strategic information architecture decisions to improve the overall website navigation.

Information Architecture

Wireframes

After finalizing the information architecture, the team and I created multiple concepts for each screen that would be used for the main user flows. This fast approach of generating different ideas was useful to explore various solutions before making a decision. We then selected the most favorable designs to move on to the prototyping phase.

Design Style Guide

To bring the end product into existence, we needed to establish the branding and style guide in parallel with the high fidelity designs. We developed a unique design system that fully embraces the website.

Color Palette

Typography

Iconography

Buttons

Header Components

Final Designs

After converting wireframes into high fidelity prototypes, I conducted user testing with a select group of users. Their feedback and insights helped me improve the website design, focusing on key areas like the homepage, product page, and checkout process. I made necessary improvements and iterations to enhance usability and functionality.

Home Page

The homepage offers various starting points for users to initiate their search for an engagement ring. Users can browse and select products based on their preferred style, shape, collection and product category. Depending on the choices made, the website remembers those preferences and modifies the images on the homepage to align with the users' taste. 

Product Page

The product page provides the user with complete control over the design allowing them to create a truly one-of-a-kind engagement ring. Users can explore stone shape, size, and color options, and choose from a variety of settings and metal types.  The ring size, ring box and engraving options allow users to further personalize their piece and complete the look.

Cart & Checkout

The cart and checkout process is a crucial component of the overall user experience. The website provides a secure and easy-to-use checkout process, with multiple payment options available for the customer's convenience. The cart and checkout process was tested to be seamless and user-friendly with maximized customer satisfaction and increased conversions.  

A Mobile First Approach

The development of the ONE+ONLY website prioritized mobile devices.  We analyzed the statistics of our e-commerce sites and observed that 80% of the website's visitors used mobile phones. Here are other pages that I designed that are important to the website's flow and experience.

Outcome

At the start of the project, our team had a lot of research material and experience to rely on, courtesy of the two established brands, Jewlr and Lee Fiori. Analyzing the user behavior of our existing digital products enabled us to identify the necessary tweaks and eliminations for ONE+ONLY. After a successful soft launch, ONE+ONLY received an overwhelmingly positive response.

Undertaking the project proved to be an excellent learning opportunity. It helped me enhance my design, Figma and research skills. The project also helped me improve collaboration and communication skills while working with different teams. Additionally, the process of designing an entire website from start to finish provided experience in project management, task prioritization and problem solving skills.