top of page
Frame 48096679.png

AUTOBACS

Design responsive information website and booking system for Autobacs which is a retailer of automotive parts and accessories based in Japan. The brief is japanese theme but still have automotive vibe.

More Detail...

Project Duration : 6 March - 30 July 2023

Responsibilities :  wireframing, prototype, web design and mobile design

Who is our users? 

Automotive Enthusiasts:

  • Characteristics: Individuals passionate about cars, motorcycles, and automotive accessories.

  • Goals: Explore and purchase high-quality automotive parts, accessories, and products. Stay updated on the latest trends in the automotive industry.

Car Owners and DIY Enthusiasts:

  • Characteristics: Vehicle owners interested in maintaining and customizing their cars.

  • Goals: Access information on maintenance tips, find suitable automotive parts for DIY projects, and schedule professional services.

General Consumers:

  • Characteristics: Individuals in need of automotive products for their vehicles.

  • Goals: Find and purchase essential automotive parts, accessories, and products for routine maintenance or repairs.

Car Owners in Need of Services:

  • Characteristics: Individuals seeking professional automotive services.

  • Goals: Schedule services such as maintenance, installations, consultations, and repairs through the website.

Local Customers:

  • Characteristics: People residing in or near locations where Autobacs has branches.

  • Goals: Locate nearby Autobacs stores, check operating hours, and access information on available products and services.

Challenge Moment

Balancing Japanese Aesthetics with Automotive Vibe:

Finding the right balance between incorporating Japanese cultural elements and maintaining a strong automotive aesthetic.

​

Multilingual Considerations:
Addressing the need for both Japanese and English content to cater to a diverse audience.

E-commerce User Experience:
Creating an intuitive and enjoyable online shopping experience for users interested in purchasing Punthai Coffee products.

Cultural Sensitivity:
Ensuring that cultural elements are represented respectfully and accurately.

Booking System User Experience:
Designing an intuitive and efficient booking system for automotive services.

Brand Consistency Across Languages:
Ensuring consistent branding and messaging across both Japanese and English content.

Persona?

Automotive Enthusiast - Ken

​

  • Motivations & Goals:

  • Ken is passionate about cars and has a deep understanding of automotive technology.

  • His goal is to find high-quality aftermarket parts and accessories for his personal vehicle.

  • Ken enjoys attending automotive events and is interested in cultural elements tied to the automotive world.

  • Challenges:

  • Ken wants to ensure that the website offers a wide range of automotive products compatible with his specific vehicle model.

  • He is interested in cultural events or promotions that align with his love for Japanese automotive culture.

  • Behavior:

  • Ken frequently browses online forums and communities dedicated to car enthusiasts.

  • He values websites that provide detailed product information, user reviews, and updates on automotive events.

  • Expectations from the Website:

  • Comprehensive Product Catalog: A well-organized catalog with detailed information on a wide range of automotive parts and accessories.

  • Vehicle Compatibility Checker: A tool to easily check the compatibility of products with specific vehicle models.

  • Event Calendar: Information on upcoming automotive events, promotions, or workshops hosted by Autobacs.

  • User Reviews Section: Access to user reviews and ratings for products to make informed purchasing decisions.

Family-oriented Car Owner - Eye

​

  • Motivations & Goals:                                                           

  • Eye owns a family car and is focused on ensuring its safety, reliability, and comfort.

  • She is interested in practical accessories and products that enhance the family's driving experience.

  • Eye looks for information on child safety features, maintenance, and family-friendly automotive solutions.

  • Challenges:                                                      

  • Eye wants a website that understands the needs of family-oriented car owners and offers relevant products and information.

  • She is concerned about the safety and comfort of her family during road trips and daily commutes.

  • Behavior:                                                      

  • Eye actively seeks information on child safety seats, family-friendly car accessories, and vehicle maintenance tips.

  • She values websites that provide educational content related to family car ownership.

  • Expectations from the Website:                                        

  • Family-Focused Section: Dedicated sections for family-friendly products and child safety features.

  • Educational Content: Articles and guides on family car safety, maintenance, and travel tips.

  • Product Recommendations: Suggestions for practical accessories that enhance family comfort and safety.

  • Customer Support: Accessible customer support for inquiries about child safety features and family-oriented products.

Design Time!!!

Some parts of information website design

Some parts of booking system designs

Some parts of mobile design

Take a Closer look

What did I Learn?

# Understanding Diverse User Needs:
User personas help in understanding the diverse needs, goals, and preferences of different audience segments. 

#Balancing Cultural Representation:
The challenge lies in effectively conveying cultural elements without overwhelming users, and personas help in tailoring the website accordingly.

#E-commerce Considerations:
Designing an intuitive and secure e-commerce experience is crucial for online shoppers.

#Convenience for Casual Car Owners:Prioritizing simplicity in design, offering product bundles, and ensuring a hassle-free checkout process cater to the preferences of users

#User Engagement and Trust:
Positive customer reviews, interactive features, and transparent communication contribute to building trust and keeping users engaged.

#Inclusivity and Accessibility:
Adhering to web accessibility standards and conducting accessibility audits contribute to creating a website that is accessible to all users.

bottom of page