Project 1

CarForce

Enhancing auto parts sales through a dedicated online platform. Transforming sales strategy to optimize profitability and growth.

My Role

Product Designer,
Visual Designer, User Flow, Prototyping

Timeline

May - July 2024

Tools

Figma, Google Forms

Overview

Our auto parts business is currently dependent on eBay, where high fees and platform limitations constrain our growth.

This project focuses on developing our own online platform to directly connect with customers, reduce costs, and optimize sales.

Project Detail
Task

Develop and launch online platform

The platform should reduce reliance on third-party platforms, enhance customer engagement, and provide tools to streamline inventory management and sales processes.

1.Discover

Gather insights through research to identify user needs and pain points

Competitor Analysis
Competitor Analysis
User Research

Interviews and Survey Questions

Based on the user interviews and survey responses, here are the key insights that will help shape the development of the auto parts purchasing platform.

Participants
Insights

Problem Identification

Users frequently encounter compatibility issues, unclear pricing, and limited part recommendations. They also expect better mobile accessibility and the option to purchase both new and used parts.

2.Define

Clearly define the problem and set goals based on research findings

User Persona
Insights
Insights

Prioritization table

MoSCoW prioritization table for the new auto parts platform based on the user insights from the survey and interview results.

Insights

Problem Statement

Create a user-friendly platform that improves search efficiency, provides transparent pricing, and offers tailored recommendations for both new and used auto parts, with a seamless mobile experience.

3.Develop

Generate ideas, create prototypes, and test potential solutions

Information Architecture
Image 1
Image 2
Image 3
Image 3
Image 3

Low-Fi Wireframing

Low-fidelity wireframes visualize structure, functionality, and test ideas effectively.

Low-Fi

Logo Design

Created a unique logo to establish a strong, recognizable brand identity for the platform.

LogoPresentation

Design System

Developed a cohesive design system to ensure consistent visuals, typography, and user interface elements across the platform.

LogoPresentation

4.Deliver

Final implementation, user testing, and project outcomes.

Solution Highlights: Addressing User Pain Points

Key interface designs that address the primary user challenges, showcasing how the implemented features enhance usability, streamline the purchasing process, and improve overall user satisfaction.

Solution 1

Transparent Pricing and Cost Breakdown

Implement a clear pricing model where all fees are visible upfront. Users can see the total cost, including shipping and taxes, before finalizing a purchase.

Product Page Screen

This screen displays detailed product information, with visible sections for Shipping Policy and Returns Policy to ensure transparency for the user.

Project Detail
Project Detail

Cart Summary Screen

A screen that summarizes all the costs, including the product price, taxes, shipping, and any additional fees. Highlight that there are no hidden fees, and users can see the total cost upfront.

Checkout Screen

This screen allows users to finalize their purchase by reviewing order details, entering shipping information, and selecting a preferred payment method.

Available payment options include cash payment, credit/debit cards (Visa, MasterCard, American Express), PayPal, and Apple Pay. Users can also see the total price, including taxes.

Project Detail
Compatibility Checker Tool
Solution 2

Compatibility Checker Tool

This tool allows users to select their car's details, and once filled in, the site will automatically display only compatible parts for that vehicle. It ensures a seamless shopping experience, saving time and reducing the risk of ordering incorrect parts.

Solution 3

Responsive Mobile Design

Create a mobile-first interface optimized for smartphones, tablets, and desktops. Ensuring smooth navigation and fast performance across platforms.

Responsive
Solution 4

24/7 Customer Support Chatbot

Deploy a chatbot for instant assistance anytime, helping users with common inquiries, product guidance, and smooth navigation through the purchase journey.

Responsive
Solution 5

Advanced Search & Filters

Implement a robust search system with multi-layered filters, allowing users to quickly refine results by part type, condition, price range, and other criteria to find exactly what they need.

Compatibility Checker Tool
Compatibility Checker Tool
Solution 6

Discounted or Loyalty Pricing

Offer exclusive discounts or loyalty-based pricing to returning customers, encouraging repeat purchases and enhancing customer retention.

User Testing & Validation

After creating the prototype, we conducted user testing, which provided valuable insights and feedback on key features, usability, and areas for improvement.

Customer Reviews and Comments

40% of users mentioned the lack of customer reviews or user-generated comments on products. They emphasized the importance of seeing feedback from other buyers to make informed decisions.

Insight: Adding customer reviews could significantly improve user confidence and engagement with the platform.

Compatibility Checker Tool

75% of users found the tool helpful, but 30% suggested showing all products with clear indicators for compatible parts. This would simplify browsing while highlighting relevant items.

Insight: The tool is effective, but users want more flexibility in browsing, with compatibility indicators to streamline decision-making.

Product Page Usability

80% of users appreciated the clear layout of the product page, specifically the transparent pricing and shipping information.

Insight: Users mentioned that seeing all fees upfront helped them feel more confident about making a purchase.

Search and Filter Efficiency

85% of users successfully used the search and filter system to find a specific part within three clicks.

Insight: Filters performed well, but a few users requested additional filters for "part condition" and "vehicle age".

Iterative Design Changes

Based on user feedback, we added customer reviews and comments to improve trust and decision-making. Additionally, users can now save their car's make in their profile, and on product pages, a clear indicator next to the "Add to Cart" button shows whether the part is compatible with their vehicle.

Compatibility Checker Tool

Final Design

Based on user feedback, we refined the design to enhance functionality and user satisfaction, making adjustments to ensure the platform evolves with user needs.

Final Design

Key Learnings

Through user-centered design and iterative feedback, we improved platform transparency, personalized experiences, and ease of use.

The advanced search, compatibility tool, and clear pricing addressed user pain points, while the addition of user reviews and personalized vehicle profiles further enhanced satisfaction.

Compatibility Checker Tool

Next Steps

Responsive
Responsive
Responsive
Responsive

Thank you for your attention