Mobile.de
.webp)
Redesign of mobile.de, Germany's largest online automobile marketplace with 14 million potential customers.
.webp)
On mobile.de, buyers can find new and used cars as well as motorcycles, trucks and motorhomes. Users who advertise their vehicle for sale have contact to customers across Germany and beyond. mobile.de extensive choice and reach guarantee a balance between supply and demand making it possible to ensure excellent sales results.
The redesign project for mobile.de seeks to enhance the user experience and modernise the website's design, going in depth through features and accessibility to correct it and provide a better experience; this project was completed independently in 3 weeks.
Old main screen
1. Many categories on the navbar with no logical structure, making it difficult for the user to decide where to focus.
2. Hero display ad should be improved since it sparks the user's attention and serves as the face of the website; when there is no ad, the area stays vacant.
3. For better hierarchy, the colour of the search bar should differ from that of the navbar.
4. This part lacks adequate space and does not appear aesthetically appealing; the pictures do not accurately portray the context, and there is ineffective use of colours and graphics.
5. Including such testimonials can boost the website's trustworthiness.
6. Using only black and white may cause reading issues for certain people.
.webp)
New main screen
Side menu
Old main screen
1. When there is no advertisement, the portion is left blank, which is not aesthetically appealing.
2. For improved readability, increase the font size and decrease the text weight.
3. A large filter section with too many filters makes it difficult to focus on the usual filters and requires the user to scroll all the way up if the current filter has to be changed.
4. This section has three major CTAs, one of which is a redundant save search CTA.
5. A better image and proper hierarchy may greatly improve and visually enhance this section.
6. The footer on the main screen and the product screen are different, and the language CTA on the product screen is on the right side, which may confuse users.
New products page
Old product detail page
1. Because the previous and next buttons are in opposing corners, it is difficult to go back and forth.
2. Extra vehicle information can be given in the details section, reducing text weight and improving hierarchy.
3. Icons with inconsistent sizes and positioning
4. The section's size can be lowered to provide additional information about the vendor.
5. Repetitive information, above part, and this can be combined as one.
6. Vehicle finance is a critical component, that should be demonstrated previously on the page.
7. Send an email CTA can open this part, making it easier for the user to send email and making the screen shorter.
8. The information provided is highly jumbled, and the hierarchy is insufficient to focus on the important information.
New product detail page
Color palate
Typography
App Icons
.svg){kind=small}
