Daihatsu Indonesia Website Revamp

Rifqi Dainur Ikhsan

Graphic Designer

UI Designer

Adobe Illustrator

Adobe Photoshop

Figma

Automotive

A Comprehensive UI/UX Overhaul for Daihatsu Indonesia Website Lessons Learned and Impact Analysis

Overview

A company's website is vital for brand awareness, product information, and user experience. The past Daihatsu website lacks a comprehensive company introduction, making it hard for users to connect with the brand. Additionally, users struggle to find product information, leading to frustration and lost conversions. The non-responsive design means inconsistent experiences across devices, necessitating separate desktop and mobile versions. Furthermore, the design doesn't align with Daihatsu's brand guidelines, creating a disconnect. Addressing these issues through a comprehensive revamp will enhance user satisfaction, engagement, and brand consistency.

Problem

So, why are we revamping the Daihatsu website? The past Daihatsu website is facing several critical issues that affect user experience and brand awareness:
Lack of Company Introduction: There is no section dedicated to introducing the company, leading to poor brand awareness.
Difficult Product Information Access: Users struggle to find product information, which affects their purchasing decisions.
Non-Responsive Design: The website is not responsive, necessitating the development of separate desktop and mobile versions.
Brand Misalignment: The website's colors and elements do not align with Daihatsu's brand guidelines, leading to a disconnect between the brand and its online presence.

Process

In this revamp, we are dividing the project into two phases to ensure a smooth transition and effective implementation.
The First Phase:
Scope: Redesign the homepage, about page, and product pages.
Focus: Work on redesigning the entire UI and enhancing the UX while maintaining compatibility with the existing backend architecture. In this phase, we will not be adding any new features but will ensure the redesigned pages provide a better user experience within the current system constraints.
The Second Phase:
Scope: Revamp the after-sales page, services page, and Daihatsu info page.
Focus: Improve the overall functionality and start adding new features. This phase aims to further enhance the user experience by incorporating additional capabilities and making significant improvements to the site’s architecture and content.
By following this phased approach, we can systematically address the critical areas of the Daihatsu website, ensuring a comprehensive and user-focused revamp.

Research

We are gathering data from a range of sources to identify key issues and opportunities for improvement. We are conducting user interviews and surveys to obtain direct feedback on user experiences and expectations. Website analytics will be reviewed to track user behavior, drop-off points, and high-traffic areas. Competitor analysis will help benchmark features and identify best practices. Lastly, we are engaging with internal stakeholders to ensure the redesign aligns with business goals and brand guidelines.
Interviewing Daihatsu Car Owners and Prospective Buyers
Interviewing Daihatsu Car Owners and Prospective Buyers

Ideation and Solution

After we've understand the old website architecture and flow, so we starting to gather ideas with the team to tackle the problem with the right solution. In this stage we are brainstorming and collecting some ideas to be implemented and also doing sketching, wireframing and testing to get to know if the solution work or not
Company Introduction Section
Problem: Lack of company introduction leads to poor brand awareness.
Solution: Create a dedicated section about Daihatsu, including its history, mission, vision, values and career.
Outcome: Enhanced brand awareness and a better understanding of the company's identity.
Product Information Accessibility
Problem: Users find it difficult to locate product information.
Solution: Redesign the navigation and layout to make product information more accessible. Implement advanced search functionality.
Outcome: Easier access to product information, leading to better user satisfaction and higher conversion rates. Old NavBar. Lack of company introduction leads to poor brand awareness.
Responsive Design
Problem: The current website is not responsive, requiring separate versions for desktop and mobile.
Solution: Develop a responsive design that adapts to various screen sizes, ensuring a seamless user experience across all devices.
Outcome: A consistent user experience, regardless of the device used.
Brand Alignment
Problem: The website's design does not reflect Daihatsu's brand guidelines.
Solution: Update the website's colors, fonts, and elements to match Daihatsu's brand guidelines.
Outcome: A cohesive brand presence that reinforces Daihatsu's identity.

New Architecture Information

New Information Architecture
New Information Architecture

Hi-fidelity Design

Result

This project has shown positive results just a few months after implementation. User engagement has significantly increased, with more visitors exploring the new company section and easily accessing product information. The responsive design has led to a consistent and satisfying user experience across all devices. Additionally, the updated design, aligned with Daihatsu's brand guidelines, has strengthened the brand’s online presence, resulting in higher user satisfaction and improved brand perception.
2.5 M Active Users | 96% New Users | 67% Engagement
GA Report Before (Dec 2023) and After Revamp Phase 1 (Jan 2024)
GA Report Before (Dec 2023) and After Revamp Phase 1 (Jan 2024)

Lesson Learned

I learned many valuable lessons throughout this project. One key takeaway was the importance of collaboration, as this project required close alignment with the marketing team, product team, engineering team, and brand management team. Understanding their perspectives and integrating their feedback was crucial for a successful revamp. I also learned the significance of leading brainstorming sessions effectively. Working with team members who were new to such large-scale projects required me to be more proactive and take the initiative to ensure progress. This experience helped me develop my leadership and facilitation skills.
Additionally, I gained insights into user behavior and preferences. By analyzing user feedback and conducting interviews, I understood what deterred users from engaging with certain website features. This understanding allowed me to design solutions that encourage user interaction and improve overall satisfaction. Overall, this project taught me the value of cross-functional collaboration, proactive leadership, and user-centered design in creating a successful digital experience.
Like this project
0

Posted Mar 11, 2025

The past Daihatsu website lacks a comprehensive company introduction, making it hard for users to connect with the brand.

Likes

0

Views

0

Timeline

Oct 10, 2023 - Jun 10, 2024

Tags

Graphic Designer

UI Designer

Adobe Illustrator

Adobe Photoshop

Figma

Automotive

Product Design Journey of Youtap BOS B2B Ecommerce
Product Design Journey of Youtap BOS B2B Ecommerce
Building a Scalable & Engaging Website for KitaHQ with Webflow
Building a Scalable & Engaging Website for KitaHQ with Webflow