Code and Theory

Bustle -
Modern Storytelling
for Bustle Digital Group

Cultural Blog/Website / Nominee
Code and Theory

Cultural Blog/Website

Nominee
"The card is the foundation of every story and is highly flexible for the story it needs to tell. The story determines the presentation — not the other way around." Code and Theory
image description
Q: Can you describe your project and the concept behind it? A: The primary audience for Bustle is the smart, witty, intelligent woman. The design features bold and clean typography with clear hierarchy and big moments to show off original photography. The color palette is warm, clean and mature, and circular, graphic elements and postage stamp motifs bring out the visual personality of the site.
image description
Q: What influenced your chosen technical approach, and how did it go beyond past methods? A: The Bustle redesign leverages the card system foundation we’d developed for BDG over the years but with a unique design approach. Digital Issue Hubs and long-form article pages support Bustle’s content calendars: monthly issues, cover shoots and sit-down interviews.
image description
Q: What web technologies, tools, and resources did you use to develop this? A: We used BDG’s custom card system CMS that allows for endless visual card customizations. The card is the foundation of every story and is highly flexible for the story it needs to tell. The story determines the presentation — not the other way around.

When did you experience a breakthrough or an "a-ha" moment during this project?

In designing this site, we realized that the incorporation of content and commerce is critical, so it was essential to design flexible experiences that could support consumption and conversion.

Q: How did the final product meet or exceed your expectations? A: The final product exceeded our expectations because it not only served as a redesign, but also as a rebrand. The design of the site really influenced the way Bustle positions themselves visually as a brand.

Explore

MediaMonks

Netflix DARK

TBWAChiatDay LA

Behind The Record

Wild Forest

François Audouy

Zuleika Arroyo

Black Women Too

Sid Lee / DIgital Kitchen

The Joker’s Escape

NBC News

Trans, imprisoned — and trapped

The National AIDS Memorial

World AIDS Day 2020 - A National Conversation -

AKARU

Avoriaz

GSD&M

U.S. Air Force ECHO

Animal

Life At Spotify

Center for Architecture

Visualize NYC 2021

HAUS

Tillamook

360 Design

Zoonomia

Wonderland

Wonderland

Gigarama

Sing, My District

Nightjar

Discovered Wildfoods eComm Experience

Dogstudio

ZOOX

MediaMonks

Maserati MC20

Cheil Worldwide, Inc

Samsung Galaxy S21 5G series

NYC & Company

The Black Experience in NYC

ESPN

ESPN College Football Tracker

Paradowski Creative

The Sheldon Website

Active Theory

CHILE20

Active Theory

Secret Sky 2020

Hook

YouTube Culture & Trends Report

Hook

Local Guides

Hello Design

The Marvelous Mrs. Maisel

Studio Airport

Emergence Magazine

Athletics

New York Review of Books

R/GA

ESPN House of 98

ThoughtMatter

CENTER Photography 2020 Compendium

Turbulent

Turbulent.ca

IntraCollaborative

Newest Americans

Rotate°

Big Green Egg

Wide Eye

WhiteHouse.gov

Swell Creative Group

Everyone In LA: 2020 Homeless Count

firstborn

Exo

GIPHY

GIPHY

Content Pilot LLC

Chambliss. Bahner & Stophel

Hello Monday

Bartlett Summer Show

Work & Co

Vistaprint Masks

Hello Monday

Virgin Hyperloop

Forbes

Forbes 30 Under 30 2021

MIT Open Learning/Center for Advanced Virtuality

In Event of Moon Disaster

MediaMonks

Frontier Development Lab: Solving NASA’s Toughest Challenges with Google Cloud × Intel

Jam3

ComplexLand

Spring/Summer

Stykka

firstborn

The Leary Firefighters Foundation

Elephant

Elephant Website