About Us

Hiring

Work

Clients

Blogs

Contact Us

About Us

Hiring

Work

Clients

Blogs

Contact Us

Brooks Running

Designing Digital Experiences for Brooks Running

Industries 

B2C

Ecommerce website

B2C
Ecommerce website

Services we offered 

โ€ข UX Research โ€ข UX UI Design

โ€ข Emailers โ€ข UI Localization

โ€ข UX Research โ€ข UX UI Design
โ€ข Emailers โ€ข UI Localization

โ€ข User research
โ€ข UX UI design
โ€ข Emailers
โ€ข UI Localization

Preview link

Brooks Running

OVERVIEW

Brooks Running is a brand dedicated to high-performance footwear and gear designed to enhance every run, walk, and workout. Since 1914, they've focused on comfort, support, and innovation, using advanced technologies to improve athletic performance.

With a strong commitment to sustainability and community engagement, Brooks empowers athletes to feel their best with every step.

With a strong commitment to sustainability and community engagement, Brooks empowers athletes to feel their best with every step.

Brooks UI design system showing a running shoe, typography, buttons, icons, and color palette.
Brooks UI design system featuring a running shoe, typography, CTAs, icons, and color palette.
Brooks running shoe, UI components including typography, CTAs, icons, and color palette.
Brooks UI design system showing a running shoe, typography, CTAs, icons, and brand photography.
CHALLENGES

Brooks Running faced challenges in maintaining a cohesive global brand identity while catering to diverse customer preferences across regions. Their existing design systems lacked flexibility for scaling campaigns effectively, leading to inconsistencies in visual assets and communication. Additionally, streamlining email marketing for an international audience required a more robust framework to ensure localized yet on-brand messaging.

Brooks Running faced challenges in maintaining a cohesive global brand identity while catering to diverse customer preferences across regions. Their existing design systems lacked flexibility for scaling campaigns effectively, leading to inconsistencies in visual assets and communication. Additionally, streamlining email marketing for an international audience required a more robust framework to ensure localized yet on-brand messaging.

The need for high-quality, innovative designs on a monthly basis demanded a refined process to optimize creativity, efficiency, and adherence to brand guidelines.

SOLUTIONS

Designing for Brooks Running required building a cohesive and scalable design system that balanced global brand consistency with regional relevance, creating engaging digital experiences across campaigns, emailers, and web touchpoints.

The New Brand Expression

The new brand expression for Brooks Running emphasized a cohesive design system for global outreach. It ensured consistent messaging across assets while allowing localized flexibility. This refresh reinforced Brooks' leadership in the running industry, blending creativity with functionality to engage diverse audiences effectively.

Two runners in Brooks athletic wear standing on a stone wall overlooking a field.
Two runners in Brooks athletic wear stand on a stone wall overlooking a field.
Brooks website design mockup featuring running shoes, product cards, and UI components.
Brooks website design mockup featuring running shoes, product cards, and headlines
Brooks website design mockup featuring product cards with running shoes and headlines
Brooks website design mockup featuring running shoes, headlines, and call-to-action buttons

Design Guidelines

Brooks Runningโ€™s Design Guidelines ensured consistency across web and email platforms. Image rules emphasized high-quality visuals reflecting motion and energy. Patterns and graphic elements like icons were standardized for cohesive branding, balancing creativity with clarity in campaigns.

Man wearing a blue Brooks backpack running up outdoor stairs.
Brooks app interface showing a runner on stairs with workout details.
Man wearing a blue Brooks backpack running up outdoor stairs.
Man wearing a blue Brooks backpack running up a flight of stairs
Two photos of runners wearing Brooks running shoes and branded socks.
White running track pattern on a yellow background with the text PATTERNS.
Red running track texture with white lane lines for Brooks design project
Red running track surface with white lane lines and texture plates text.
Red running track surface with white lane lines labeled Texture Plates
Red running track surface with white lane markings and texture plates text overlay.
White Brooks logo on a blue background with white grid lines.
White Brooks logo on a blue background with design grid lines.

Emailers

Each month, we designed emailers for Brooks Running to spotlight products, events, and campaigns. These emailers featured engaging layouts, brand-aligned visuals, and clear calls to action. Additionally, we localized the UI for these emailers in regional languages, ensuring effective communication across diverse audiences.

Three Brooks Running website screens showing a runner, the Warm Weather Collection, and brand history.
Brooks Running mobile website designs showing a runner, the Warm Weather Collection, and brand history.
Gray and navy Brooks running shoe with orange logo on a blue background
Collage of a man wearing Brooks running shoes and a close-up product shot.

Localization

Localization played a key role in ensuring Brooks Runningโ€™s emailers reached a diverse audience. We adapted the content and UI to regional languages, making the emails accessible and relevant to various markets. By tailoring visuals, text, and calls to action, we ensured that the brand message resonated with customers in different regions.

This approach enhanced user experience and engagement, helping Brooks effectively communicate with a global customer base.

Brooks mobile app interface showing runners in autumn gear with seasonal marketing text
Brooks running app interface showing runners in autumn gear with seasonal marketing text
Brooks mobile app interface displaying runners in autumn gear with seasonal marketing text

Homepages

We created a custom landing page for Brooks Running to boost engagement and conversions. With a clean, intuitive layout, the page highlights key products and promotions, ensuring a seamless user experience. Aligned with the brandโ€™s fresh identity, it offers quick access to product details and calls to action, providing an engaging and responsive experience for all users.

Brooks website hero section featuring the new Glycerin 23 and runners wearing colorful sneakers
Brooks website homepage featuring the new Glycerin 23 and runners wearing Brooks shoes
Brooks website homepage featuring the Glycerin Max 2 running shoe on a laptop screen.
Brooks website homepage featuring the Glycerin Max 2 running shoe and category grid.
Brooks website homepage featuring the Ghost 17 running shoe and a female runner.
Featured Brooks running shoes product grid and lifestyle photography collage
Brooks website design featuring a product grid and a collage of runners.
IMPACT

Helped launch 100+ campaigns across 4+ seasonal launches, enabling faster go to market delivery and maintaining consistent brand storytelling across every release cycle.

Helped launch 100+ campaigns, across 4+ seasonal launches, enabling faster go to market delivery

Abstract 3D metallic star shape with four curved points on a black background.
Glossy metallic four-pointed star shape on a black background
Shiny metallic 3D star shape on a black background
Shiny metallic four-pointed star shape on a black background

100+

Campaigns

4+

Seasonal Launches

Dark graph paper texture with a subtle grid pattern on a transparent background.
Brooks logo featuring a blue running figure and the word Brooks in blue text.
Brooks logo with blue text and a running figure icon.
Brooks logo featuring a blue stylized running figure and the word Brooks in blue text.

"We were consistently impressed with the quality of the output"

We have worked with Ungrammary for about three years and have nothing but positive feedback about our collaboration. We started with smaller projects and quickly scaled up as we were consistently impressed with the quality of the output. Your team has always been responsive, flexible, and, most importantly, reliable in delivering high-quality work on time

Bernie Giovannini

Digital Designer Creative Studio EMEA

Let's create something your

customers love,

and your business

needs

Start a project

+91 9136510822*

*Only project-related calls will be entertained.

Jobs & internships

+91 7978551027*

*Only job-related calls will be entertained.

Address

WeWork NESCO IT Park, 10th Floor, Building 4, Nesco IT Park,

Western Express Highway, Goregaon East, Mumbai, Maharashtra 400063

Socials

Ungrammary is a leading UX and UI design agency in India, recognized among the top 20 global UX agencies. We specialise in creating intuitive, research-driven digital experiences by combining behavioural analytics, human- computer interaction, and cutting-edge design technology. Our team helps brands build seamless and impactful user experiences that drive engagement and business growth.

Mumbai, 10:53 PMTuesday, November 10

ยฉ  Ungrammary Creatives Private Limited

Back to top

Let's create something your customers love,

and your business

needs

Letโ€™s connect

Services

Case studies

Sectors

Get in touch

Start a project

+91 9136510822*

*Only project-related calls will be entertained.

Jobs & internships

+91 7978551027*

*Only job-related calls will be entertained.

Address

WeWork NESCO IT Park, 10th Floor, Building 4, Nesco IT Park, Western Express Highway, Goregaon East, Mumbai, Maharashtra 400063

Socials

Ungrammary is a leading UX and UI design agency in India, recognized among the top 20 global UX agencies. We specialise in creating intuitive, research-driven digital experiences by combining behavioural analytics, human- computer interaction, and cutting-edge design technology. Our team helps brands build seamless and impactful user experiences that drive engagement and business growth.

Mumbai, 10:53 PMTuesday, November 10

ยฉ  Ungrammary Creatives Private Limited

Back to top

Let's create something your

customers love,

and your business

needs

Discover

Home

Services

About Us

Careers

Blog

Regions

India

UAE

Europe

North America

APAC

Sectors

Banking & Finance

SaaS & Enterprise

Artificial Intelligence

Consumer Products

Health & Longevity

Sustainability & Impact

Case studies

Muthoot Finance App & Web Journey

Adani Capital Fintech Super App

Adani Capital User Research

ImageKit: AI enabled SaaS Product

Traya, Hair Loss Treatment Platform

AU Small Finance Bank App UX UI

REDCap Cloud: Data Science Platform

Abarray: Platform for Autistic Kids

MoEngage: Marketing Automation Platform

VMware Explainer Videos

Oziva (D2C) Brand Packaging

Case studies

QPay Payroll Finance Management

6th Street: Consumer App

Fossil Brand Management

Fossil Brand Management

Goals 101 RoboAdvisory Platform

Spry: A Healthtech SaaS Platform

Adobe: UX Research & Usability testing

Kotak Bank Corporate Banking

Get in touch

Start a project

+91 9136510822*

*Only project-related calls will be entertained.

Jobs & internships

+91 7978551027*

*Only job-related calls will be entertained.

Address

WeWork NESCO IT Park, 10th Floor, Building 4, Nesco IT Park,

Western Express Highway, Goregaon East, Mumbai, Maharashtra 400063

Socials

Ungrammary is a leading UX and UI design agency in India, recognized among the top 20 global UX agencies. We specialise in creating intuitive, research-driven digital experiences by combining behavioural analytics, human- computer interaction, and cutting-edge design technology. Our team helps brands build seamless and impactful user experiences that drive engagement and business growth.

Mumbai, 10:53 PMTuesday, November 10

ยฉ  Ungrammary Creatives Private Limited

Back to top