The Project
Autosports group's marketing team wanted a landing page that allowed their customers to book in services on their cars.
The main goals of the landing page:
- Create a sleek luxurious experience using Audi's brand guidelines
- Create a customised service form
The Design
Audi offers a comprehensive brand guideline which set the tone of the design. We used their library of components and icons to structure how the design should look.
The Backend
We used WordPress along with Advanced Custom Fields to create the landing page. This allowed the client to make content changes whenever necessary.
The Frontend
With new website builds, I always go for a minimalist theme where I'm in control of everything. UnderStrap Child is a theme which marries the Underscores theme with Bootstrap 4. The theme also comes with Gulp and Browsersync setup which means I can develop at a rapid pace.
From here it was all about outputting the content according to the design. Using Invision I could pick out important specs such as font sizes, colours and see the grid structure.
The brand guidelines also featured code snippets which allowed me to quickly create reusable components for the landing page.
Service Form
Using a form plugin, we were able to create a nice experience incorporating custom form styling as well as validation.
