MINI digital tools

UI module updates

Client & task

Year

2021

Location

Remote

Working with Splendid Unlimited agency we were tasked with aligning the brand CTA colours and icon lockups and typography on the contact us & concierge pages of the site on both desktop and mobile.

To align existing brand elements
To increase customers booking test drives and sales

The solution

Working with the two brand fonts we explored different options and lockups on for the concierge module on the homepage. We had daily check-ins with the client to ensure that we were sticking to MINI's guidelines and they would feedback on several options we'd present. Every design decision based around increasing sales and test drives.

We completed the project by delivering these new modules:

Navigation CTA

Main CTA's

Icon CTA's

CTA links

Concierge CTA module

Promo spot module

CTA Content module

Footer

The New modules

Concierge module

Link CTA used in the concierge module.

Lockup with the two icon CTAs intended to be the core actions.

Promo spot module

Secondary CTA used here to let the image and content lead the module and attract the user.

Images can be interchanged to suit the copy.

We recommend creating content for 3 or 6 blocks to keep this module visually balanced.

CTA content

Large Icon CTA used for the CTA Content module. This includes the copy for more information for the user - to encourage click through if the section is relevant to them. Recommended to be four always when used on other pages and to limit the copy to one line each.