E-Commerce Web Platform

Harness the potential opportunities and richer learning experience

App Screen with open sidebar
App Screen with open sidebar
App Screen with open sidebar

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

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

+75%

-23%

+2.3%

Increased 75% in click-through rate

Reduced 23% bounce rate in the product page

Increased purchasing conversion rate from 0.059% to 2.3% during quarter 1 2025

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?


📈We saw a 2.3% increase in customer orders and 60% growth in monthly active users—just 3 months after launch.

Design Solutions

Customer Purchase Journey

Chaotic, improve user engagement;

Solution 1: Optimize Shopping Experience

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 2: Embed 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.

Solution 3: Redesign the UI Design System

Color & Typography

UI Design System

Logo Design

Business Impact

Increased Adoption and Conversion

📈We saw a 2.3% increase in customer orders and 60% growth in monthly active users—just 3 months after launch.

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.