Building an Automotive E-Commerce Experience from Zero to Launch
Team Member
1 marketing manager, 1 front-end engineer
My Role
Solo Web Designer & Developer
Project Timeline
11/2024 - 01/2025
Tools
Figma, Shopify, HTML, CSS, JavaScript
My Responsibility
As the sole UX designer, I led the end-to-end website UX design from 0 to 1, and successfully achieved our Q1 goal within 3 months.
Website Link
Challenge
Caross is a fast-growing automotive tech needs to rapidly expanding in the U.S market.
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.
Solutions
Establish a brand’s online presence to unlock infinite B2C market opportunities.
The core challenge of this project is how to establish CAROSS’s distinct brand style, ensuring the rationality of interface design iterations, and achieve marketing business goals. To kick off the project, I conducted benchmarked competitive analysis of top competitors such as NOCO, HULKMAN to uncover key challenges in the industry:
To kick off the project, I summarized the key takeaways for CAROSS opportunities:
Clear web navigation, visual identity, responsive platform are the first success for a brand.
Intuitive Navigation
Simplify the information architecture that guides both B2C and B2B users through a logical journey.
Web/Mobile Responsive Design
Key in mind the importance of responsive design strategy for a website.
Distinctive Brand Identity
Create brand style & visual guideline that sets CAROSS apart from the competitors.
Product Technical Differentiation & Visualization
Highlight key specifications, showcasing technical advantages and differentiating from competitors.
Result
Within 3 months with ongoing optimization, I achieved the Q1 business goal which:
+46%
Increased 46% user engagement rate within two months
-23%
Reduced 23% bounce rate in the product page
+0.3%
Increased purchasing conversion rate from 0.059% to 0.3% during quarter 1
Design Process
I created CAROSS’s visual identity, UI component library to standardize the design style across all platforms.
UI Design System
Ideation
Presenting the product’s key selling points and visualizing its core features that differentiate it from competitors by sitemap:
Starting with a logical sitemap allowed me to define the overall web structure and map out the user journey. I then finalized the core sitemap to align with our Q1 goals—effectively highlighting key selling points and visualizing product features that set us apart from competitors.
UI Prototypes
I led the end-to-end design for the entire web sites, from strategy and structure to UI execution to ensure the website was both visually engaging and user-friendly.
Business Impact
We achieved a 0.3% increase in purchase conversion rate and a 23% reduction in bounce rate within one month of launch.
It demonstrated strong early impact on driving B2C sales and strengthening our online presence, fresh brand design with minimal aesthetic, guiding visitors toward action, value-driven material resources, not overloaded with noise, driving toward marketing business sales goals.
Further Growth for the next step
As the next steps in our marketing plan, we will continue with content marketing and expand our SEO optimization through Google Ads.
To achieve the next phase of growth, we’re combining engaging content with targeted promotions across major platforms to increase brand awareness and user engagement.