Overview

The Advance Auto Parts Mobile App was designed to deliver a fast, intuitive, and reliable shopping experience for customers who need automotive parts on the go. As part of the digital team, I contributed to frontend development and UI implementation that supported product discovery, vehicle compatibility, and seamless purchasing within a mobile-first environment.

• My Role: Frontend Web Developer / UI-Focused Developer
• Platform: iOS & Android
• Project Type: E-commerce Mobile Application

‍

Target Audience

The app serves a wide range of customers—from DIY car owners to professional mechanics—requiring a balance of simplicity, performance, and robust functionality.

‍

Goals

1. Simplify product discovery for automotive parts and accessories.
2. Optimize mobile performance for fast, on-the-go shopping.
3. Support vehicle-specific part matching to reduce purchasing errors.
4. Create a consistent experience between web and mobile platforms.
5. Enable omnichannel shopping, including in-store pickup and order tracking.

My Responsibilities

Frontend & UI Implementation

• Implemented mobile-friendly UI components aligned with Advance Auto Parts’ design system.
• Ensured layouts were optimized for various screen sizes and devices.
• Maintained consistent branding, typography, and component behavior across app screens.
• Worked with reusable UI patterns to ensure scalability and maintainability.

Product Discovery & Navigation

• Supported key user flows such as:
  • Vehicle lookup
  • Part compatibility
  • Category browsing
  • Search-driven product discovery.
• Helped optimize navigation patterns for quick access to frequently used features.
• Ensured clear hierarchy between product information, pricing, and availability.

Accessibility & Usability

• Followed mobile accessibility best practices, including:
  • Readable typography and contrast
  • Logical content flow
  • Clear button states and feedback
• Ensured the app was usable across a wide range of user needs and environments

Mobile Performance & UX

• Optimized UI components for smooth interactions and transitions
• Reduced visual clutter to support fast decision-making on smaller screens
• Ensured touch-friendly interactions and accessible tap targets
• Maintained responsiveness during high-traffic usage periods

Tech Stack

• JavaScript
• HTML / CSS (mobile-first principles)
• Component-based UI architecture
• API integrations for product and vehicle data
• Mobile QA and testing tools

‍

Results

The Advance Auto Parts mobile app helped deliver:

• Faster, more intuitive mobile shopping experiences
• Improved accessibility and usability on smaller devices
• Stronger alignment between web and mobile platforms
• Scalable UI patterns for future feature growth
• Mobile QA and testing tools