Mercedes-Benz Training & Development website

These were the requirements agreed for the design phase:

The key stakeholders highlighted a big focus on pushing the branding as much as possible whilst staying on brand, to allow for a modern youthful feel because of their main target audience.

For context, these are the previous designs that we were briefed to improve.

As part of the discovery phase I undertook some landscape analysis which consisted of; other MB sites, competitors websites in the same space, and also other similar mechanical / engineering brands which had apprenticeship roles and search functionality.

Initially researching and gathering all brand assets needed for the project. Mercedes-Benz have multiple online resources I needed to reference. Including the overall brand portal, MB UI library and Workbench, another internal UI library. Mercedes-Benz UI libraries were heavily based on Material design too.

After gathering all assets, I started to build out the basis of a mini design system in Figma, ready for the UI design phase and to create a single point of  truth for the client to reference.

Once the UXers had completed their phase of work I collaboratively built out the UI elements, starting with common components, unique components and finalising the website design with all pages in desktop and responsive mobile designs.

Referencing the MB UI libraries and Material design to build out the mini design system, components and page designs.

As part of the design file I compiled a component matrix which referenced the component design, specs, functionality and links to the UI libraries for a smooth design sign off and dev handover.

The designs also incorporated the user onboarding where they can can search for vacancies, set up an account, apply for roles and sign in to monitor the application status. To meet one of the key requirements from the MB Training & Development team, which was to appeal to a younger audience, I introduced the bold, vibrant photography MB had at their disposal in the main banners of the site.

here's a link to the live site:
https://mercedes-benztraining.co.uk/