Let's build something together.

Mazda occasion

An automotive certified pre-owned platform.

Mazda logo

Year

2020

Technologies

Symfony

PHP

Twig

Javascript

SASS

BEM Architecture

Context / Sector

Digital Agency Project

Mazda Occasion is the official certified pre-owned vehicle platform for Mazda France. Developed during my time at the digital agency NGA, the website allows customers to browse, filter, and reserve available cars across the entire national dealership network.

As part of the agency’s development team, I was responsible for integrating the responsive interfaces, handling complex vehicle filtering layouts, and ensuring visual consistency according to Mazda’s strict corporate identity guidelines.

A Mazda dealership displaying its cars

Integration & UI

Core Webapp & Marketing Sites

Integrated pixel-perfect user interfaces based on strict corporate design templates, ensuring full compliance with the international visual identity and typography rules of the automotive brand.

Responsive Search Layouts

Developed complex, fluid layouts for car filtering systems and search result listings, optimizing component rendering to ensure a smooth browsing experience on both mobile devices and desktop viewports.

Mazda car wheel
A Mazda car from behind

Development

Symfony & Twig Integration

Worked closely with backend engineers to integrate my HTML and CSS structures into a Symfony architecture using Twig templates, ensuring a clean separation of logic.

Scalable Styles with Sass

Used Sass variables and the to write clean, organized code, making it easy to maintain large stylesheets and avoid class conflicts across the application.

occasions.mazda.fr on desktop
occasions.mazda.fr on mobile