I've developed a proposal outlining the information architecture, content strategy, and wireframes for their new website.
4 people (Product Owner, UX Designer, 2 Developers).
Agile context.
Responsive web application
Creating a new visual concept for the website.
Optimizing the new site's structure for search engines.
Simplification of the website content and improved information discoverability.
Replacement of proprietary simulator plugins that were difficult to adapt to French.
Lack of a clear user journey: the page structure does not effectively guide the user towards a primary action.
Information overload: the content is dense, with overly heavy text blocks, making it difficult to read.
Confusing visual division: the site attempts to simultaneously present two services (window tinting and paint protection), creating a confusing visual division and forcing the user to 'choose a side'.
Duplication of forms and simulators: multiple duplicate forms and redundant simulators appear on the same page.
Insufficient contrast: The text-to-background contrast is insufficient in some sections, impairing readability.
Inconsistent typography: Fonts, font sizes, and styles vary across different sections, disrupting visual consistency and hindering readability.
Inconsistent alignment and spacing: Elements are not always aligned properly, and spacing between sections is uneven, resulting in a disorganized appearance.
Calls to action (CTAs) are difficult to see: Buttons, such as "Submit" and other CTAs, lack contrast and visibility, reducing their effectiveness.
Excessive use of background images: While visually appealing, the car images take up too much space and don't effectively guide the user towards a specific action.
Inconsistent colors and styles: Colors and visual styles vary throughout the site, and lack of proper spacing exacerbates this inconsistency.
Read the complete project for a detailed breakdown of the project's process, design ideas, user testing, problem-solving, and conclusions.
Read the complete project
