Optimizing Cariuma Product Page

Optimizing Cariuma Product Page

Enhancing user experiences on Cariuma's product page.

Enhancing user experiences on Cariuma's product page.

Client

Client

CARIUMA

CARIUMA

Year

Year

2022

2022

Skills

Skills

UI/UX Design, Graphic Design, Interaction Design, Conversion Optimization, Information Architecture, Usability Testing, Analytics & Performance, E-commerce Design, Image Editing, A/B Testing, Content Strategy, Brand Consistency

UI/UX Design, Graphic Design, Interaction Design, Conversion Optimization, Information Architecture, Usability Testing, Analytics & Performance, E-commerce Design, Image Editing, A/B Testing, Content Strategy, Brand Consistency

Overview
Overview

The goal of this project was to optimize Cariuma’s product page to improve user engagement and conversions, especially during out-of-stock periods. By refining the communication around product availability and streamlining the process for users to sign up for restock notifications, we aimed to reduce user frustration, encourage repeat visits, and ultimately drive higher sales once products were available again.

The goal of this project was to optimize Cariuma’s product page to improve user engagement and conversions, especially during out-of-stock periods. By refining the communication around product availability and streamlining the process for users to sign up for restock notifications, we aimed to reduce user frustration, encourage repeat visits, and ultimately drive higher sales once products were available again.

The Challenge
The Challenge

Cariuma faced several key challenges, particularly when high-demand items went out of stock: 1. Communication of Product Availability: Popular products frequently sold out, and it was crucial to communicate this to users in a way that didn’t frustrate them. The previous product page didn’t effectively highlight when an item was out of stock, leading to confusion. 2. Missed Conversion Opportunities: There was no clear way for users to sign up for restock notifications, which meant they often lost interest in products they couldn’t purchase at the moment, resulting in missed sales. 3. User Flow Confusion: The existing product page layout lacked clarity during stock-outs, making it difficult for users to navigate or take action, leading to higher bounce rates.

Cariuma faced several key challenges, particularly when high-demand items went out of stock: 1. Communication of Product Availability: Popular products frequently sold out, and it was crucial to communicate this to users in a way that didn’t frustrate them. The previous product page didn’t effectively highlight when an item was out of stock, leading to confusion. 2. Missed Conversion Opportunities: There was no clear way for users to sign up for restock notifications, which meant they often lost interest in products they couldn’t purchase at the moment, resulting in missed sales. 3. User Flow Confusion: The existing product page layout lacked clarity during stock-outs, making it difficult for users to navigate or take action, leading to higher bounce rates.

Understanding The Problem
Understanding The Problem

CozyPlace (Before Redesign)
CozyPlace (Before Redesign)

1. Website Consolidation

1. Website Consolidation

The “Notify Me” button replaced the “Add to Cart” button when a product was out of stock, ensuring users could immediately see and take action without having to scroll or search. This change made restock alerts more accessible, leading to higher engagement.

2. One-Page Booking System

2. One-Page Booking System

2. One-Page Booking System

We simplified the interaction process, ensuring that users had a clear, intuitive path to take action, even when the product was unavailable.

3. Mobile-First Design

3. Mobile-First Design

To determine the most effective way to handle out-of-stock messaging and user engagement, I ran A/B tests focusing on the placement and visibility of the "Notify Me" feature. Version A placed the "Notify Me" button below the product details to avoid having two buttons ("Out of Stock" and "Notify Me") competing for attention in the same space. This approach aimed to maintain a cleaner layout while still offering users a way to sign up for restock alerts. Version B replaced the "Add to Cart" button with "Notify Me" when the product was out of stock, keeping it in the user's direct line of sight.

The Result
The Result

Usability Testing
Usability Testing

Throughout the project, I collaborated with the development and marketing teams to ensure the design and messaging were aligned with Cariuma’s brand tone and user expectations. Regular feedback sessions helped refine the design and strategy, ensuring the solution addressed user pain points while supporting the business goals. Insights from A/B tests guided iterative design improvements, optimizing user engagement and conversion potential.

Business Impact
Business Impact

Branding
Branding

Design System
Design System

Grid System

Grid System

Mobile-First Approach

Mobile-First Approach

Learnings & Next Steps
Learnings & Next Steps
Learnings & Next Steps
Learnings & Next Steps

1. Strategic Placement: Placing key features like "Notify Me" near decision-making points significantly boosts engagement. 2. Clear Communication: Clearly and prominently communicating product availability reduces user confusion and frustration, especially during stock-outs. 3. Ongoing Testing: A/B testing helped identify the most effective strategies and informed design changes, leading to better results. By applying these insights, we were able to optimize the product page, improving user engagement and conversions. This project reinforced the importance of continuous iteration, data-driven decisions, and cross-functional collaboration in delivering a superior user experience. Through a combination of strategic feature placement, clear communication, and data-driven design decisions, we were able to significantly enhance the product page's performance. The results were a smoother user experience, higher sign-up rates for restock notifications, and an increase in conversions when the product became available again.

1. Strategic Placement: Placing key features like "Notify Me" near decision-making points significantly boosts engagement. 2. Clear Communication: Clearly and prominently communicating product availability reduces user confusion and frustration, especially during stock-outs. 3. Ongoing Testing: A/B testing helped identify the most effective strategies and informed design changes, leading to better results. By applying these insights, we were able to optimize the product page, improving user engagement and conversions. This project reinforced the importance of continuous iteration, data-driven decisions, and cross-functional collaboration in delivering a superior user experience. Through a combination of strategic feature placement, clear communication, and data-driven design decisions, we were able to significantly enhance the product page's performance. The results were a smoother user experience, higher sign-up rates for restock notifications, and an increase in conversions when the product became available again.

PORTFOLIO

CHECK OUT SOME MORE

CHECK OUT SOME MORE

CHECK OUT SOME MORE

CHECK OUT SOME MORE

Furniture Website

Furniture Website

Furniture Website

UI/UX

Web Design

Furniture Website

Furniture Website

Furniture Website

UI/UX

Web Design

Furniture Website

Furniture Website

Furniture Website

UI/UX

Web Design

Furniture Website

Furniture Website

Furniture Website

UI/UX

Web Design

Redesigning Ngee Ann City's Website

Redesigning Ngee Ann City's Website

Redesigning Ngee Ann City's Website

UI/UX

Web Design

Redesigning Ngee Ann City's Website

Redesigning Ngee Ann City's Website

Redesigning Ngee Ann City's Website

UI/UX

Web Design

Redesigning Ngee Ann City's Website

Redesigning Ngee Ann City's Website

Redesigning Ngee Ann City's Website

UI/UX

Web Design

Redesigning Ngee Ann City's Website

Redesigning Ngee Ann City's Website

Redesigning Ngee Ann City's Website

UI/UX

Web Design