The Mercedes-Benz Used Car Website (MB Select), as the official channel for the sale and purchase of certified used cars, has the business objective of increasing the number of individuals selling their certified used cars by redesigning the website.
By conducting stakeholder interviews and applying the 10 Usability Heuristics, the website redesign aimed at enhancing the overall user experience and increasing conversion rates.
After four stakeholder interviews and user feedback, I have identified four significant pain points.
I selected benchmark and competitive brands such as BMW, Audi and Lexus for specific project research.
Mainly focused on car information content and presentation. Including: number of card displays, page scrolling ways, filter design, etc.
Created eye-catching entry: Enlarge and highlight “Sell My Car (我要賣車)” and “Buy Car (我要買車)”.
Homepage link →
Add filter and search function to provide users with clearer and more convenient guidance for searching for cars.
Car Search Page link →
Provide multiple ways to search for vehicles, including 'Recommended', 'Popular', 'Model', 'By Body Type', 'By Price' and 'By Keywords'.
Car Listings Page link →
Consider the presentation of information on the page, redesigned the layout, and also added a photo filtering function.
Car Details Page link →Responsive design(RWD) is taken into consideration.
32 pages in total.
I used Class diagrams to expand the requirements for related data, such as model, style, photos, exhibition locations, etc. and created wireframes for the back-end to communicate with the client.
In this project, I applied my previous experience from Frog Design to independently design the entire website and gained valuable experience.
1. Client Interaction:
• Improved skills in understanding and meeting client needs through regular communication.
• Example: Conducted stakeholder interviews to clarify design goals, enhancing project success.
2. Collaboration with Developers:
• Ensured design feasibility and alignment with technical requirements by closely working with developers.
• Example: Organised design review meetings to discuss feasibility and incorporate feedback.
