E-Commerce Web Platform

Optimize shopping experience for B2C customers

Optimize shopping experience for B2C customers

My Role

UX Designer

Contribution

Web Design, UI Prototype, Usability Testing, A/B Testing

Tools

Figma, Shopify, Klaviyo, HTML, CSS, JavaScript

Year

2024 - Present

Results

Results

Results

Within 3 months with ongoing optimization, I achieved the Q1 business goal which:

+75%

-97%

+60%

Increased 75% in click-through rate

Reduced 97% average response time (from 15 minutes to 30 seconds)

Increased checkout task success rates

Design Preview

The Challenge

As a fast-growing tech brand specializing in smart jump starters and power delivery products, Carossโ€™s Q1 goal is to launch a responsive, conversion-focused website that drives B2C sales and strengthens our online presence.

Prevailing Issues

โ˜น๏ธ Users struggle to trust the website's credibility

Poor contrast and inconsistent branding make users feel uncertain about trusting the company, leading to high bounce rates and low user engagement.

๐Ÿ˜ฐ Customers miss purchase-critical information

Dense paragraph text and poor visual organization reduce purchase conversion rates as users abandon the site before understanding product advantages.

Objective


How might we improve the order purchase experience to help customers optimize shopping experience?




How might we improve the order purchase experience to help customers optimize shopping experience?




How might we improve the order purchase experience to help customers optimize shopping experience?



Solution 1: Establish the Design System Library

Color

UI Design System

Logo Design

Visual Language

Solution 2: Optimize Shopping Experience

Customer Purchase Journey

Chaotic, improve user engagement;

Increase CTA optimization on improving

design system and user flow;

Increase CTA optimization on improving design system and user flow;

Before

After

Before

After

Solution 3: Embedded AI Customer Support Chatbot

I integrated the AI Chatbot for customer support and quickly access to the product.
In the pop-up, users can find answers by searching FAQs or, if needed, submit a request through the contact form.

Business Impact

Increased Adoption and Conversion

๐Ÿ“ˆWe increased checkout task success rates by 60% and reduced checkout abandonment from 94% to 15%.

Increased Adoption and Conversion

๐Ÿ“ˆWe increased checkout task success rates by 60% and reduced checkout abandonment from 94% to 15%.

Increased Adoption and Conversion

๐Ÿ“ˆWe increased checkout task success rates by 60% and reduced checkout abandonment from 94% to 15%.

Behind the Scene

Competitor Analysis

Brand Visual Identity

Rapid Prototype

Create a free website with Framer, the website builder loved by startups, designers and agencies.