BDA Website

Project Overview

As a ten-year-old website, BDA’s corporate website was both outdated and off-brand. So much had changed for the company during that time, from updated branding to new high-profile clients to expansion into EMEA markets. We needed to build a new website that both reflected the company’s growth and displayed all the information for potential future clients in an attractive, user friendly experience.

ux_process_bda_2

Execution

The website was requested to have 20+ individual pages, so I began by creating a site map to determine the most logical navigation for the site.

img_4645_edit
img_4644_edit

I then worked with the Marketing and Executive teams to begin wireframing several “parent” page layouts that would be used throughout the site. After the wireframes for the website were established, I began creating the overall look and feel for the website, implementing BDA’s new brand guidelines and focussing on engaging imagery.

services_layout
services_sponsorship
home_layout
screen-shot-2021-09-20-at-4.03.18-pm-copy
screen-shot-2021-09-20-at-4.03.52-pm-copy

Once the layouts and general look approved, I spent the next several weeks designing all the pages for the website, including specifications on animations and how different features would interact.

 

Upon final approval of the pixel-perfect mockups, I worked with the third party development team and relayed all relevant information so that the final product would mimic the approved vision.

Challenge

Both the executive team and I agreed to use background imagery on a majority of the website pages. I realized this needed to be done strategically in order to preserve legibility and not overly disrupt the background image. I petitioned for a bold font weight to improve contrast and legibility, however, the team wanted to use a thin font weight for the text.

SOLUTION

Understanding that the team was set on their decision, I compromised with the request by adding a darker overlay to the background images and a drop shadow on all text, increasing the legibility. This disrupted the image visibility more than I had hoped for, but the solution pleased the team and still allowed for all necessary components to remain on the page.

Teams Involved

DESIGN

MARKETING

EXECUTIVE

DEVELOPMENT

Result

BDA launched a new interactive website that reflected the full extent of the company’s achievements, the breadth of its clientele, and world-wide influence. With the website being so content-rich, it was designed and presented in a way that made navigation intuitive for end-users.

 

Shortly after launch, the site was nominated for Best Website Homepage and won both a gold W3 award and bronze Stevie award.

responsive_template_bda_phone_home_2
responsive_template_bda_laptop_home
bda_timeline_small
responsive_template_bda_laptop_agency
responsive_template_bda_phone_agency