The campaign shows female-founded companies and women who started businesses that received at least $1 million in funding.

the mission

The campaign will help to increase traffic quality on their website from other search engines. 

process

Campaign Brief -> Research -> Moodboards -> Wireframes -> Design -> Build -> Test -> Live 

As part of the design concept and process with all new clients, I always send 1 - 2 moodboards to present the look and feel for the campaign. On this situation, the client decided not to choose any moodboards and review the designs at a later stage. 

I decided to go with a clean, modern, ambitious and minimalistic rather than using dark and old school finance layout. 

original  version

Challenge

Upon design feedback, realised that the client had a different idea in mind.

The name had to change from Female Founders to Pioneering Women. The colours and the style would have to be bolder, more traditional and more business-like. Preferred photography on home page, all data graphs visualisation had to be the same style and colours to correspond with each section and graphs. The navigation bar to be a more traditional version.

Solution

To understand the client's idea, schedule a meeting and went through each step of the campaign to have a clearer understanding of the client's vision.

With a better understanding of the direction for the design, added bolder and stronger colours (purple, blue, orange, white and off black). Added a photograph on the landing page and reverted to a more traditional expandable navigation menu situated on the left-hand side.

Because I had to start a new design layout from scratch the campaign had to be ready in half the time (five days) than the usual schedule (ten days).

final  version

Landing Page

As usual, the landing page encourages the user to explore the campaign by having simple and easy navigation.

On the page the user can find a few lines informing them about the campaign’s subject, discover button, client logo, socials, embed and info icon (containing more information about the campaign and sources used on research stages).

Due to the limited space on mobile and the campaign having too many subsections, the best solution was to decrease the number of clicks while navigating.

To simplify, I kept the icon (Universities, and other main sections) without the name. The second step added the arrows, left and right to help the user navigate directly through the campaign. At the same time if the user wishes to see a specific section of the campaign it can be chosen directly from the burger menu.

Business Schools

Location

On countries funding amount, China is number one with an average of £100.5m in funding. Also, the user can switch between currencies.

Due to limited time and the large amount of data covered, I decided to make the wireframes on higher fidelity (helped when adding colours and UI assets) and using already made wireframes from previous designed campaigns and tailored for this situation. This little trick helped me and the team to deliver the project in time for outreach date as scheduled.

UX Annotations

LANDING PAGE

1. Links

Two social media icons and an info button.

2. Sharing Icons 

“Begin’’ button to shows the user where to start navigating through the campaign.

MENU

1. Sharing Icons 

Two sharing icons and one info button.

2. Navigation

Expandable menu when clicked.

Desktop Wireframes

As the navigation through desktop wireframes is very straight forward and the only thing that differs is data. I added annotations only on the landing page and default page after clicking on the “Begin” button.  

Landing Page

UX Annotations

LANDING PAGE

1. Icons

Two social media sharing icons embed and info button

2. Links

Direct navigation to campaign pages.