Working as a graphic/web designer in Group Gabriel for two years, I was responsible for not only the fast-paced promotions for 14 makes, but also the website optimization in user experience and website visuality.
The updated design exploration for the current Audi Gabriel below is an example of my work.
Principle
Inheritance of Audi Canada, we have the basic structure and feature sets available.
While fully respecting the style guide of Audi, I designed the new look of the navigation menu and some micro-interactions for content blocks such as promotions, blogs and services., as well as and some other details regarding the reservation forms.
Catch a scent from Audi Canada:
Current Navigation
Optimized Navigation
1- Reposition of all the elements such as the search bar between the two main logos, clear visual experience.
2- More accurate classification, better navigation experience.
3- Adjusted the space between menus, more room to breathe.
Current homepage intro
Optimized homepage intro
1- Reset the hierarchy in copy with proper Audi typeface.
2- Text blocks arranged into 3 columns.
3- New look on featured sections.
Current promotion thumbnail
Optimized promotion thumbnail
Lease from 3.98%* for 48 months, with monthly*&...
1- Micro interaction when hover on
2- Proper Audi Typeface and typography hierarchy
Current blog thumbnail
Optimized blog thumbnail
Audi presents it smallest, more sleek and sporty luxury sedan.
1- Micro interaction
2- Proper Audi Typeface and typography hierarchy
Current form (e.x. Book a test drive)
Optimized form
In the optimization, my challenge was to develop/optimize the brand visual identity of Audi Gabriel while users still can smell the delicate sense of Audi (not Lexus, not Kia, but Audi), through the proper usage of its typeface, image, logo, etc. This is also how Audi Gabriel stands out among other Audi dealerships in Montreal.
