In 2016, Honda Malaysia has taken the effort to revamp their product recall website so that owners can have a clearer and better user journey. This was very crucial as the product recall involved faulty airbags which were a hazard to the vehicle occupants. Honda Malaysia wanted to make sure that owners are clear about the importance of changing their airbags and that the right instructions are provided.
Our team came up with a very minimalist UI so that users wont be distracted by the bombardment of too much info. Every info was provided at each step at a time so that the users can go through a proper learning journey about their vehicle.
A snippet of the old product recall website
The old design was not mobile responsive and was bombarding information to the user up front. We understand that every information is important, but it should only be presented when the user is ready for that information.
Revamped landing page
On the landing page, there is an introduction with a CTA whether you want to jump right in and check if your vehicle is affected, or get more information which is provided by the huge buttons at the bottom.
Users can check whether their vehicle model is affected
Apart from that, there are guides to help educate drivers on what to do or who to contact for inquiries. The journey of updating their car products doesn't just lie within the website, but also includes going to the workshop and reimbursements if eligible.
Users then can proceed to check whether their vehicle is affected by inputting their VIN number.
The VIN numbers are crossed checked in our database which contains the status of their car updates, whether their parts have been replaced or not. If the VIN number does not exist, the car has not been affected by any faulty parts.
If that particular vehicle is affected, a full list of its affected parts will be displayed. As you can see, each row will show its status on the right, whether it "Requires replacement" or "Replacement completed". There is also a chance that one part may have already been replaced but another is still pending.
If there are parts that need to be replaced, the user can move on to select their preferred dealer and check their stock count for each part affected. This helps users gauge whether they have a better chance of getting their parts replaced, rather than being disappointed finding out that there's no stock at the workshop. The stock lists are updated daily.
Once that is done, the user can then fill up their details so that the dealer could set an appointment with them.
On a technical note, the site mainly runs on Javascript and AJAX requests to pull vehicle information and post user details into the database. PHP calls the database queries and encodes them into JSON with proper key to values. This helps the Javascript access the object with distinctive nodes.
Account Servicing: Mark Leong and Kins Lim
Creative Team: Birdie Ting, Edmund Lim & Azmin Alaidin
Copywriting: Wei Lian Too
Development: Andrian Tam and Noel Kee
