Open to Work

Clean Origin

Jewelry E-Commerce

Clean Origin

Jewelry E-Commerce

Clean Origin

Jewelry E-Commerce

A third-generation diamond jewelry business, offers ethically sourced, lab-grown diamonds, making quality and affordability accessible to customers. They recognize diamonds as a symbol of love and commitment, providing a responsible choice to bring these ideals to life.

Business Goals

1. Analyze and Improve User Experience

Perform a comprehensive analysis and research of all suggested features and user journeys, providing enhancements and design solutions which were designed by a branding agency with lacking UX expertise.

2. Launch the MVP product within the coming 3 months

A challenging timeline to launch the MVP within the next three months, but without loss in the product's usability and efficiency.

A third-generation diamond jewelry business, offers ethically sourced, lab-grown diamonds, making quality and affordability accessible to customers. They recognize diamonds as a symbol of love and commitment, providing a responsible choice to bring these ideals to life.

Business Goals

1. Analyze and Improve User Experience

Perform a comprehensive analysis and research of all suggested features and user journeys, providing enhancements and design solutions which were designed by a branding agency with lacking UX expertise.

2. Launch the MVP product within the coming 3 months

A challenging timeline to launch the MVP within the next three months, but without loss in the product's usability and efficiency.

A third-generation diamond jewelry business, offers ethically sourced, lab-grown diamonds, making quality and affordability accessible to customers. They recognize diamonds as a symbol of love and commitment, providing a responsible choice to bring these ideals to life.

Business Goals

1. Analyze and Improve User Experience

Perform a comprehensive analysis and research of all suggested features and user journeys, providing enhancements and design solutions which were designed by a branding agency with lacking UX expertise.

2. Launch the MVP product within the coming 3 months

A challenging timeline to launch the MVP within the next three months, but without loss in the product's usability and efficiency.

What I Worked On

Product Design

UX Research

User Experience Design

Design System

My Role

I was responsible for end-to-end user experience optimization, guiding the entire process from discovery and ideation through prototyping, design, testing, and ultimately achieving a successful launch.

What I Worked On

Product Design

UX Research

User Experience Design

Design System

My Role

I was responsible for end-to-end user experience optimization, guiding the entire process from discovery and ideation through prototyping, design, testing, and ultimately achieving a successful launch.

What I Worked On

Product Design

UX Research

User Experience Design

Design System

My Role

I was responsible for end-to-end user experience optimization, guiding the entire process from discovery and ideation through prototyping, design, testing, and ultimately achieving a successful launch.

Discovery

Before jumping into the solution mode, I conducted an initial assessment to gain a comprehensive understanding of the project's context.

During this phase, I analyzed the following aspects:

1. Evaluate Website Usability

Identifying any deficiencies in user flows, usability concerns, and logical inconsistencies.

2. Analyze the Website UI Design

Evaluating the redesigned website against the 10 established heuristic principles to identify any potential deviations.

3. Inspect Received Figma File

Ensuring the consistency and coherence of design components across the Figma files.

Discovery

Before jumping into the solution mode, I conducted an initial assessment to gain a comprehensive understanding of the project's context.

During this phase, I analyzed the following aspects:

1. Evaluate Website Usability

Identifying any deficiencies in user flows, usability concerns, and logical inconsistencies.

2. Analyze the Website UI Design

Evaluating the redesigned website against the 10 established heuristic principles to identify any potential deviations.

3. Inspect Received Figma File

Ensuring the consistency and coherence of design components across the Figma files.

Discovery

Before jumping into the solution mode, I conducted an initial assessment to gain a comprehensive understanding of the project's context.

During this phase, I analyzed the following aspects:

1. Evaluate Website Usability

Identifying any deficiencies in user flows, usability concerns, and logical inconsistencies.

2. Analyze the Website UI Design

Evaluating the redesigned website against the 10 established heuristic principles to identify any potential deviations.

3. Inspect Received Figma File

Ensuring the consistency and coherence of design components across the Figma files.

Name

What I Found

1. Ignored Core UX Heuristic Principles

Issues with font sizes, accessibility (specifically, low contrast), readability issues, and overloaded UI modules with irrelevant information.

2. Confusing UX

Issues were found in the checkout flow which was not complete. PDPs conversion module was overloaded and hard to read.

3. Inconsistent UI

Design inconsistencies, spanning fonts, colors, spacing, and differing UI styles across various modules with similar functions, resulted in a lack of visual consistency.

4. Missing Design Library

Absence of a component based library with reusable design components for a more efficient process.

What I Found

1. Ignored Core UX Heuristic Principles

Issues with font sizes, accessibility (specifically, low contrast), readability issues, and overloaded UI modules with irrelevant information.

2. Confusing UX

Issues were found in the checkout flow which was not complete. PDPs conversion module was overloaded and hard to read.

3. Inconsistent UI

Design inconsistencies, spanning fonts, colors, spacing, and differing UI styles across various modules with similar functions, resulted in a lack of visual consistency.

4. Missing Design Library

Absence of a component based library with reusable design components for a more efficient process.

What I Found

1. Ignored Core UX Heuristic Principles

Issues with font sizes, accessibility (specifically, low contrast), readability issues, and overloaded UI modules with irrelevant information.

2. Confusing UX

Issues were found in the checkout flow which was not complete. PDPs conversion module was overloaded and hard to read.

3. Inconsistent UI

Design inconsistencies, spanning fonts, colors, spacing, and differing UI styles across various modules with similar functions, resulted in a lack of visual consistency.

4. Missing Design Library

Absence of a component based library with reusable design components for a more efficient process.

Challenge

Prioritize and redesign the modules essential for the stakeholders' MVP on our Magento platform, enabling the business to expedite website launch while maintaining usability.
Additionally, compile a catalog of potential enhancements for Phase 2.

Challenge

Prioritize and redesign the modules essential for the stakeholders' MVP on our Magento platform, enabling the business to expedite website launch while maintaining usability.
Additionally, compile a catalog of potential enhancements for Phase 2.

Challenge

Prioritize and redesign the modules essential for the stakeholders' MVP on our Magento platform, enabling the business to expedite website launch while maintaining usability.
Additionally, compile a catalog of potential enhancements for Phase 2.

Product Architecture & Wireframes

I began drafting the primary technical workflows for both developers and the product team, taking into account all potential edge cases and errors. Once the informational architecture received approval, I proceeded to create the wireframes.

This approach helped us detect and resolve UX issues early while aligning with Magento platform constraints, leading to faster stakeholder approvals.

Name
Name

Prototyping

After finalizing the wireframes, I started to create a component-based UI kit based on the principles of atomic design methodology. This approach significantly streamlined the design process. Afterward, I proceeded to design the prototypes.

Figma UI-kit Components with Variants

Figma UI-kit Components with Variants

Figma UI-kit Components with Variants

Designed the UI kit in Figma to ensure consistency across the platform and increase speed on building prototypes.

Designed the UI kit in Figma to ensure consistency across the platform and increase speed on building prototypes.

Designed the UI kit in Figma to ensure consistency across the platform and increase speed on building prototypes.

Name

Components

Components

Components

I created Figma components for consistent and efficient design.

I created Figma components for consistent and efficient design.

I created Figma components for consistent and efficient design.

Name

Prototypes

Prototypes

I designed simple prototypes to showcase the final, polished look of our design and provide a clear vision for the project.

I designed simple prototypes to showcase the final, polished look of our design and provide a clear vision for the project.

Name
Name
Name
Name
Name

Delivery

After the website went live, we initiated the process of gathering user feedback and monitoring key performance metrics. We received an abundance of positive feedback from both customers and stakeholders.

Outcome

The website redesign delivered favorable outcomes, enhancing customer engagement and elevating the company's online branding. Notably, within just two months, the conversion rate saw an impressive increase of 21%.

+43%

Increased number of new users

+21%

Increased conversion rate

+33%

Increased session duration

Based on 2 month post-launch analytics*

Outcome

The website redesign delivered favorable outcomes, enhancing customer engagement and elevating the company's online branding. Notably, within just two months, the conversion rate saw an impressive increase of 21%.

+43%

Increased number of new users

+21%

Increased conversion rate

+33%

Increased session duration

Based on 2 month post-launch analytics*

Outcome

The website redesign delivered favorable outcomes, enhancing customer engagement and elevating the company's online branding. Notably, within just two months, the conversion rate saw an impressive increase of 21%.

+43%

Increased number of new users

+21%

Increased conversion rate

+33%

Increased session duration

Based on 2 month post-launch analytics*

Want to work together?

If you like what you see and want to work together, get in touch!

Want to work together?

If you like what you see and want to work together, get in touch!

Want to work together?

If you like what you see and want to work together, get in touch!

All Rights Reserved.

All Rights Reserved.

All Rights Reserved.