• |

  • UI/UX

  • |

  • WEB DESIGN

REVAMP WULING WEBSITE INDONESIA

MacBook Pro on top of brown wooden table during daytime

Since entering Indonesia in 2017, Wuling has grown to become the longest running Chinese automotive brand in the country. In 2025, Wuling is taking a bold step with a comprehensive rebranding effort—covering both marketing and its website aimed at driving stronger engagement and increasing lead data.

YEAR

2021

MY ROLE

Research, UI Design, Conceptualization

PROJECT TYPE

UI/UX, Web Design

  • |

  • UI/UX

  • |

  • WEB DESIGN

REVAMP WULING WEBSITE INDONESIA

MacBook Pro on top of brown wooden table during daytime

Since entering Indonesia in 2017, Wuling has grown to become the longest running Chinese automotive brand in the country. In 2025, Wuling is taking a bold step with a comprehensive rebranding effort—covering both marketing and its website aimed at driving stronger engagement and increasing lead data.

YEAR

2021

MY ROLE

Research, UI Design, Conceptualization

PROJECT TYPE

UI/UX, Web Design

  • |

  • UI/UX

  • |

  • WEB DESIGN

REVAMP WULING WEBSITE INDONESIA

MacBook Pro on top of brown wooden table during daytime

Since entering Indonesia in 2017, Wuling has grown to become the longest running Chinese automotive brand in the country. In 2025, Wuling is taking a bold step with a comprehensive rebranding effort—covering both marketing and its website aimed at driving stronger engagement and increasing lead data.

YEAR

2021

MY ROLE

Research, UI Design, Conceptualization

PROJECT TYPE

UI/UX, Web Design

  • |

  • UI/UX

  • |

  • WEB DESIGN

REVAMP WULING WEBSITE INDONESIA

MacBook Pro on top of brown wooden table during daytime

Since entering Indonesia in 2017, Wuling has grown to become the longest running Chinese automotive brand in the country. In 2025, Wuling is taking a bold step with a comprehensive rebranding effort—covering both marketing and its website aimed at driving stronger engagement and increasing lead data.

YEAR

2021

MY ROLE

Research, UI Design, Conceptualization

PROJECT TYPE

UI/UX, Web Design

  • |

  • UI/UX

  • |

  • WEB DESIGN

REVAMP WULING WEBSITE INDONESIA

MacBook Pro on top of brown wooden table during daytime

Since entering Indonesia in 2017, Wuling has grown to become the longest running Chinese automotive brand in the country. In 2025, Wuling is taking a bold step with a comprehensive rebranding effort—covering both marketing and its website aimed at driving stronger engagement and increasing lead data.

YEAR

2021

MY ROLE

Research, UI Design, Conceptualization

PROJECT TYPE

UI/UX, Web Design

  • |

  • UI/UX

  • |

  • WEB DESIGN

REVAMP WULING WEBSITE INDONESIA

MacBook Pro on top of brown wooden table during daytime

Since entering Indonesia in 2017, Wuling has grown to become the longest running Chinese automotive brand in the country. In 2025, Wuling is taking a bold step with a comprehensive rebranding effort—covering both marketing and its website aimed at driving stronger engagement and increasing lead data.

YEAR

2021

MY ROLE

Research, UI Design, Conceptualization

PROJECT TYPE

UI/UX, Web Design

DISCLAIMER

Certain details of this project cannot be displayed on this website due to confidentiality. For a more comprehensive overview or additional information, please feel free to contact me directly.

DISCLAIMER

Certain details of this project cannot be displayed on this website due to confidentiality. For a more comprehensive overview or additional information, please feel free to contact me directly.

FINAL DESIGN

MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime

OBJECTIVE

REDUCE BOUNCE RATE

DRIVE LEADS

UI/UX IMPROVEMENT

GENERATE PROBLEM

Bounce Rate

Bounce rate is the percentage of visitors who land on a webpage and leave without interacting further, such as clicking links or visiting another page, showing low engagement.

What is a good bounce rate?

Bounce rate is the percentage of visitors who leave a website after viewing only one page. It indicates how frequently users visit your site without interacting or exploring further. A good bounce rate is around 40% or lower, while a bounce rate of 60% or higher may be an indication that you need to evaluate your page content

Source : https://www.semrush.com/blog/bounce-rate/

Low Leads

Since the existing website generates very few leads, at this stage we focus on redesigning the flow, optimizing the user journey to conversion, and restructuring the sitemap for better results.

Old Sitemap

This represents the information structure or sitemap of Wuling’s previous website, showing how content and navigation were organized before the planned redesign.

UX Audit

Since the existing website generates very few leads, at this stage we focus on redesigning the flow, optimizing the user journey to conversion, and restructuring the sitemap for better results.

Home Page

The first page we will audit is the home page, as it serves as the main entry point of a website and is the first page proposed for redesign.

Hero Banner

The banners on the existing website contain too much information, making the promotional banners look crowded and cluttered. This contradicts Miller’s Law, as presenting too much information at once makes it difficult for users to retain it.

The banners on the existing website contain too much information, making the promotional banners look crowded and cluttered. This contradicts Miller’s Law, as presenting too much information at once makes it difficult for users to retain it.

MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
Product Listing Carousel

The images used are too crowded, and the text blends into the visuals, which reduces the clean and simple impression. This also creates difficulties for designers who need to frequently update Wuling’s promotional content or pricing information. The current image carousel interaction requires users to scroll horizontally to view other Wuling vehicle models. As more products are added, the scrolling becomes longer, making it harder for users to find the vehicle they’re looking for efficiently.

The images used are too crowded, and the text blends into the visuals, which reduces the clean and simple impression. This also creates difficulties for designers who need to frequently update Wuling’s promotional content or pricing information. The current image carousel interaction requires users to scroll horizontally to view other Wuling vehicle models. As more products are added, the scrolling becomes longer, making it harder for users to find the vehicle they’re looking for efficiently.

MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
Product Page

The next page we audited was the product page, as it contains useful information about Wuling products for users, and it is also important to optimize this page for SEO.

Hero banner

The hero banner has no trigger that encourages users to perform any call to action.

The hero banner has no trigger that encourages users to perform any call to action.

MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
Product Highlight

The product highlight section is not properly emphasized, displaying small and unattractive images.

The product highlight section is not properly emphasized, displaying small and unattractive images.

MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
Technology Section

There is redundant information between the product highlight section and the WISE technology section, as both contain the same content about the technology.

There is redundant information between the product highlight section and the WISE technology section, as both contain the same content about the technology.

MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
Feature

The images in this feature section are too small, making them poorly highlighted. On mobile, they are also difficult to access.

The images in this feature section are too small, making them poorly highlighted. On mobile, they are also difficult to access.

MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
Shopping Tools

The design of the shopping tools section uses space excessively, reducing layout efficiency and making the appearance less compact.

The design of the shopping tools section uses space excessively, reducing layout efficiency and making the appearance less compact.

MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
Article Detail Page

The next page we propose to revamp is the article detail page, as it plays a crucial role in SEO optimization by improving keyword relevance, boosting search rankings, and increasing organic traffic.

MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime

Research

After mapping the problems, the next step is to conduct competitor research on both local and global websites covering features, visuals, and user flow.

Target Audience

In this case, we divided the target audience into three segments who are expected to access the Wuling website, based on data provided by the strategic team.

In this case, we divided the target audience into three segments who are expected to access the Wuling website, based on data provided by the strategic team.

The Status-Oriented Achiever

AGE

40 - 50 Years Old

JOB LEVEL

Director / Owner / CEO

INCOME

IDR 25+ million/month

PROFILE SUMMARY

Status-driven, tech aware, looking for luxury and innovation

DEMOGRAPHY

Big CITY

The Tech Savvy Urbanite

AGE

25 - 35 Years Old

JOB LEVEL

Mid-Level / Senior Employee

INCOME

IDR 12–20 million/month

PROFILE SUMMARY

Early adopters, eco aware, love smart features

DEMOGRAPHY

Big City & Small City

The Tech Savvy Urbanite

AGE

25 - 35 Years Old

JOB LEVEL

Mid-Level / Senior Employee

INCOME

IDR 12–20 million/month

PROFILE SUMMARY

Early adopters, eco aware, love smart features

DEMOGRAPHY

Big City & Small City

Practical Family Planner

AGE

30 – 45 years Old

JOB LEVEL

Staff / Employee

INCOME

IDR 6–12 million/month

PROFILE SUMMARY

Value seekers, safety-conscious, prioritize space & economy

DEMOGRAPHY

Big City & Small City

Practical Family Planner

AGE

30 – 45 years Old

JOB LEVEL

Staff / Employee

INCOME

IDR 6–12 million/month

PROFILE SUMMARY

Value seekers, safety-conscious, prioritize space & economy

DEMOGRAPHY

Big City & Small City

Competitor Analysis

At this stage, we divided the competitors into two groups: local competitors and international competitors. This allows us to analyze features, tone & manner, user flow, interactions, and CTA placements. By making this distinction, we can better understand user behavior both locally and globally.

Local Website

We will analyze the features and sections on local competitors’ websites. By understanding their functions and features, we may gain valuable insights that we can learn from them.

We will analyze the features and sections on local competitors’ websites. By understanding their functions and features, we may gain valuable insights that we can learn from them.

Home Page
Product Page
International

Similarly, with international competitors, there may be features, sections, or user flows that we can adapt and apply from each of them.

Home Page
Product Page

FINAL SOLUTION

UI/UX Impovement

Based on UX research and competitor analysis, here are the improvements we made, starting from information architecture, leads journey, to UI design.

Infomation Architecture

Here is the improved sitemap, which includes the addition of shopping tools, a closable and expandable floating action button, as well as several new sections on the product page and home page

Here is the improved sitemap, which includes the addition of shopping tools, a closable and expandable floating action button, as well as several new sections on the product page and home page

Before
After
Leads Journey Improvement

Here is the updated user flow, showing the steps users take to complete conversions such as booking a consultation, scheduling a test drive, or downloading a brochure.

Here is the updated user flow, showing the steps users take to complete conversions such as booking a consultation, scheduling a test drive, or downloading a brochure.

Buying Consultation
Test Drive
Download Brochure
Comparisson

Here are the hi-fidelity mockups of the homepage, product page, and article detail, displayed before and after the website revamp.

Here are the hi-fidelity mockups of the homepage, product page, and article detail, displayed before and after the website revamp.

Home Page Before
MacBook Pro on top of brown wooden table during daytime
Home Page After
MacBook Pro on top of brown wooden table during daytime
Product Page Before
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
Product Page After
MacBook Pro on top of brown wooden table during daytime
MacBook Pro on top of brown wooden table during daytime
Article Detail Before
MacBook Pro on top of brown wooden table during daytime
Article Detail After
MacBook Pro on top of brown wooden table during daytime
Design System
Design System

Since some documents are confidential, I will only showcase the basic design system and tokens used in each mockup. Please click the button below to view the working file of the design system I created.

Design System

Since some documents are confidential, I will only showcase the basic design system and tokens used in each mockup. Please click the button below to view the working file of the design system I created.

IMPACT

In September 2024, the conversion rate of the Binguo EV product organically increased from 0.97% to 1.64%.

From April 13 to June 12 2025, the Alvez and Binguo EV product pages were the main traffic drivers to three key pages: Buying Consultation, Test Drive, and Brochure Download.

From April 13 to June 12 2025, During the same period, the Binguo EV and Cloud EV product pages also attracted users to organically convert through the Buying Consultation form. Alvez and Binguo EV product pages were the main traffic drivers to three key pages: Buying Consultation, Test Drive, and Brochure Download.

MORE WORK

  • |

  • UI/UX

  • |

  • WEB DESIGN

Chery Website

In 2023, Chery revamped its official website with a simpler and more premium design. The new look focuses on intuitive user experience, easier navigation, and optimization to generate more leads from potential automotive customers.

  • |

  • UI/UX

  • |

  • WEB DESIGN

Chery Website

In 2023, Chery revamped its official website with a simpler and more premium design. The new look focuses on intuitive user experience, easier navigation, and optimization to generate more leads from potential automotive customers.

  • |

  • UI/UX

  • |

  • WEB DESIGN

Tripatra Website

Tripatra Indonesia revamped its website to present a simpler, more premium, and modern look. This initiative aims to enhance user experience, strengthen its professional image, and provide easier access to information for clients and business partners.

  • |

  • UI/UX

  • |

  • WEB DESIGN

Tripatra Website

Tripatra Indonesia revamped its website to present a simpler, more premium, and modern look. This initiative aims to enhance user experience, strengthen its professional image, and provide easier access to information for clients and business partners.

  • |

  • UI/UX

  • |

  • WEB DESIGN

Neta Website

Neta Indonesia is pitching a website revamp with the objective of increasing lead generation, providing up-to-date information, and ensuring SEO-friendly design. The new website will also prioritize user-friendly UX, delivering an optimal browsing experience for every visitor.

  • |

  • UI/UX

  • |

  • WEB DESIGN

Neta Website

Neta Indonesia is pitching a website revamp with the objective of increasing lead generation, providing up-to-date information, and ensuring SEO-friendly design. The new website will also prioritize user-friendly UX, delivering an optimal browsing experience for every visitor.

andrian syahroni

LETS TALK

Let’s bring your ideas to life! Whether you’re looking to collaborate or need a creative partner. I’m open to new opportunities and partnerships free to get in touch.

andriansyahroni14@gmail.com

FOLLOW ME

andrian syahroni

LETS TALK

Let’s bring your ideas to life! Whether you’re looking to collaborate or need a creative partner. I’m open to new opportunities and partnerships free to get in touch.

andriansyahroni14@gmail.com

FOLLOW ME

andrian syahroni

LETS TALK

Let’s bring your ideas to life! Whether you’re looking to collaborate or need a creative partner. I’m open to new opportunities and partnerships free to get in touch.

andriansyahroni14@gmail.com

FOLLOW ME

Create a free website with Framer, the website builder loved by startups, designers and agencies.