ADMA Website Redesign

Role: Lead Designer (UX/UI)

ADMA_Screen_01.png
 

The Association for Data-driven Marketing and Advertising (ADMA) is the principal industry body for data-driven marketing and advertising. As a conduit for data-driven marketing within Australia, the ADMA website has attracted a myriad of customers to the range of resources they offer.

The amount of resources ADMA provides is extensive, ranging from industry leading courses through to conferences featuring world class guests and innovators.

With this varied product offering, the challenge in redesigning the ADMA website was clear; how do you organise the different departments, resources, products and services into a cohesive, single minded experience for users learn and take advantage from?

 
 
ADMA_Screen_03.png
 

Combining all the experiences into one


What was once different websites and experiences had to be combined into one. ADMA offers documentation and papers, classes and events. We needed to ensure that all these products and services could exist with each other without too much visual difference.

We used a minimal amount of components to ensure that the design language was simple. Because of the varied content and imagery, we didn’t want to obstruct it with a confusing system.

To represent each product and service, they all shared the same fluid component with different labels and information based on their product type. This allowed the product and service to be displayed easily and consistently across the myriad of layouts and devices.

 
These fluid content cards could display all the types of content that ADMA required.

These fluid content cards could display all the types of content that ADMA required.

Schedule was one of the complex components that needed a lot of iteration and work to ensure flexibility whilst remaining usable across devices.

Schedule was one of the complex components that needed a lot of iteration and work to ensure flexibility whilst remaining usable across devices.

 
 

Empowering content uploaders with flexibility


ADMA wanted the flexibility to give each event and course style and branding independent from the ADMA site. With this in mind we provided various components that could inherit different colours based on a limited colour palette. This allowed ADMA to style sections of the site based on a primary, secondary and tertiary brand palette instead of manually implementing colours on a page.

 
Content creators are able to style specific events based on pre-determined use of primary, secondary and tertiary colours.

Content creators are able to style specific events based on pre-determined use of primary, secondary and tertiary colours.