The Story:

The Story:

I was brought on in March of 2022 and it was a rebuilding season for the Brooks Brothers team. The company had just navigated a bankruptcy and subsequent purchase and was looking towards the road to recovery for the website. 



Over the course of the following two and half years the website has improved however, there have been ebbs and flows. The homepage has many stakeholders, and is the result of an ongoing conversation between creatives, data, executive concerns, merchandising agendas, seasonal business objectives, and smaller branding goals. Because of this, improvements are gradual and often hard learned. Many brand-story focussed agendas are truly not impactful from a data perspective. However some of the best performing changes, based on the data completely compromise brand storytelling. Thus executing the homepage design requires a constant cross management of expectations between teams.

I was brought on in March of 2022 and it was a rebuilding season for the Brooks Brothers team. The company had just navigated a bankruptcy and subsequent purchase and was looking towards the road to recovery for the website. 



Over the course of the following two and half years the website has improved however, there have been ebbs and flows. The homepage has many stakeholders, and is the result of an ongoing conversation between creatives, data, executive concerns, merchandising agendas, seasonal business objectives, and smaller branding goals. Because of this, improvements are gradual and often hard learned. Many brand-story focussed agendas are truly not impactful from a data perspective. However some of the best performing changes, based on the data completely compromise brand storytelling. Thus executing the homepage design requires a constant cross management of expectations between teams.

🤩

🤔

💻

🤖

💰

🫠

😬

Macbook Pro

Phase 1 updates:

Homepage redesigned with an editorial approach. More consistent typography, and balanced composition.

Baseline:

Poor layout and typesetting. Poor visual hierarchy.

Phase 2 updates:

Testing phase, embracing more functional modules and decreasing the length of the homepage. Moving more towards symmetry and away from editorial layout

Phase 3 updates:

full cohesive seasonal imagery integration. Refinement of interactive modules. refinement of type styling and visual hierarchy

Homepage design development

The following examples give a high level overview of the various design milestones for the Brooks Brothers homepage.

The improvements to the homepage were a massive team effort. Much of the improvement can also be attributed to the improvement in photo art direction that occurred in tandem with the website improvement.

March 2022

Summer 2022

Fall / Winter 2023

Spring / Summer 2024

Homepage

Updates

Homepage

Updates

Homepage design development

The following examples give a high level overview of the various design milestones for the Brooks Brothers homepage.

The improvements to the homepage were a massive team effort. Much of the improvement can also be attributed to the improvement in photo art direction that occurred in tandem with the website improvement.

Homepage

Updates

Macbook Pro