Role: Visual Designer
Date: 2023

The Advertiser Success Center serves as a hub for businesses to learn more about ad campaigns and ad products that Meta provides. In an effort to modernize and structure the source better, we wanted to revitalize the existing hub with better navigation throughout the entire experience and provide more educational materials. It now serves as more enhanced informational tool with a new look. The campaign had 2 stages.

Stage 1 Wireframes

As the first stage of the launch, we focused on the user experience of the pages to strip away any unnecessary modules and information. We created new wireframes using our Meta for Business design system and explored variations to streamline the hub.

Because the hub hosts close to 10 pages, it was necessary to set up a template for sub pages in order to organize the information in a more effective method.

Visual Design

For visual direction, I wanted to have a campaign identity that is unique and recognizable for the hub. The hub consists of wide breadth of topics and solutions so I integrated existing icons into its identity to signify the services and products that we provide to the advertisers.

Art Direction

For photography, I focused on lifestyle along with product-driven images to showcase both retail/CPG and services businesses and also those vibrant in their action and colors to make the visuals engaging.
We have main photography that consists of Meta’s blue thread in its color scheme and the rest in warmer tone to balance the coolness of the prior set.

For supporting visual assets in the hub and sub pages, I focused on stylizing user interfaces and product elements to convey the story in a more succinct and easier representation to help advertisers understand the functionality better.

Stage 2 Re-Launch

The company went through more in-depth rebranding and we had to revisit the Advertiser Success Center in order to align with the new brand guidelines.
In the process, we added more sub pages, called “Jobs to be done” that encourage businesses to take more actions by learning more about specific goals that they want to set for their ad campaigns.

In this process, I focused on integrating Meta Gradient to differentiate from the last version and retire the icons.

The main difference in visual direction is the introduction of Meta Gradient in the hero and retiring marketing icons throughout the creative to allow more white space and bring product UIs to the foreground to highlight the objective of the hub.

Also the white swoosh in the background along with the gradient is introduced to create dimension in between different layers of information the visual carries.