CODE REDEFINED: THE EDGE OF INNOVATION


Presented by The Webby Awards and WP Engine since 2019, Crafted with Code shares the stories behind the best of the Web through interviews with developers, designers, and creators around the world on the creativity, mastery and technical innovation it takes to make great work.


These five featured projects showcase what happens when agencies and clients push WordPress to its limits. From advanced content systems to performance optimization and accessibility-first design, these builds demonstrate how the right technology partnerships enable bold experimentation and lasting impact.

A screenshot of Mozilla Builders
Upstatement
A stylized small screenshot of Mozilla Builders

Upstatement

Mozilla Builders

To position Mozilla in the AI landscape, Upstatement built a community-first platform that empowers open-source developers, amplifies their work, and establishes Mozilla as a leader in the fight for responsible AI.

Learn More
A screenshot of Farm Africa
The Web Kitchen
A stylized small screenshot of Farm Africa

The Web Kitchen

Farm Africa

To increase donations, The Web Kitchen transformed Farm Africa's visual identity with a uniquely hopeful approach—harnessing the energy and positivity of African culture through vibrant design and immersive storytelling that resulted in a 94% increase in donations.

Learn More
A screenshot of Skidmore, Owings & Merrill (SOM)
Code and Theory
A stylized small screenshot of Skidmore, Owings & Merrill (SOM)

Code and Theory

Skidmore, Owings & Merrill (SOM)

To reflect the scale and ambition of its work, Code and Theory rebuilt SOM's digital presence on WordPress—transforming a conventional project catalog into a cohesive ecosystem that connects projects, people, and research while delivering high-resolution imagery with optimized performance.

Learn More
A screenshot of The Food Section
Wonderly
A stylized small screenshot of The Food Section

Wonderly

The Food Section

Wonderly built The Food Section a custom WordPress home that breaks free from Substack's limitations—creating a 'choose-your-own-adventure' experience that makes both new and archived content accessible while opening new possibilities for growth, monetization, and reader engagement.

Learn More
A screenshot of The Harvard Gazette
Human Made
A stylized small screenshot of The Harvard Gazette

Human Made

The Harvard Gazette

Human Made partnered with The Harvard Gazette to modernize its digital presence while maintaining an accessibility-first approach—transitioning to Gutenberg blocks and adding interactive features like quizzes and scrollytelling that enhance storytelling while keeping user experience at the forefront.

Learn More
A LOOK BACK

CODE THAT SCALES: GROWTH IN ACTION

A screenshot of
Kentucky Bourbon Trail®

Kentucky Bourbon Trail®

Blending storytelling with technology, Lewis transformed the Kentucky Bourbon Trail® website into an intuitive, future-ready experience—one that celebrates Kentucky’s heritage, streamlines trip planning, and scales seamlessly with the Trail’s continued growth.

Learn More
A screenshot of
Gelato La Boca

Gelato La Boca

Through vibrant design, interactive storytelling, and technical precision, Matchbox Studios brought Gelato La Boca’s joyful Buenos Aires–inspired brand to life online—crafting a digital experience that captures its color, warmth, and spirit while driving discovery and growth.

Learn More
A screenshot of
Olson Kundig

Olson Kundig

Rooted in storytelling and innovation, Civilization crafted a digital experience that brings Olson Kundig’s culture, creativity, and 60-year legacy to life with warmth, transparency, and depth.

Learn More
A screenshot of
Accion

Accion

Focused on flexibility and impact, WDG reimagined Accion.org as a scalable, mission-aligned platform—empowering the organization to share its global initiatives with clarity, manage content independently, and evolve seamlessly alongside its growth.

Learn More
A LOOK BACK

CODE FOR GOOD: CRAFTING CHANGE

A screenshot of
#BeKind365

#BeKind365

#BeKind365 uses interactive, gamified retro elements throughout its site to encourage users to build more considerate and connected communities that foster good mental health through daily acts of kindness.

Learn More
A screenshot of
TransLash Media

TransLash Media

Through bold, wide-ranging journalism and storytelling, the immersive TransLash website centers the voices of trans, nonbinary, and gender nonconforming people, with the intention of ensuring users feel seen, informed, and empowered.

Learn More
A screenshot of
Brooklyn Org

Brooklyn Org

Brooklyn.org is a WP Engine-powered and Webby-winning website that is built ethically and with intention, including a library of flexible components that allows editors to easily curate their stories and engage with their communities.

Learn More
A screenshot of
Think Big For Kids

Think Big For Kids

Roger West Creative & Code brought Think Big for Kids’ mission to life with a website that feels authentic, uplifting, and easy to engage with, focusing on clear messaging and intuitive flow that helps visitors take action.

Learn More
A screenshot of
Harvard T.H. Chan School of Public Health

Harvard T.H. Chan School of Public Health

Crafted by Long Lead, this site is a revolution in digital photo essay experiences, creating a gorgeous new standard for experiencing photojournalism — on both mobile and desktop browsers — that swept the Best Use of Photography category at the 2024 Webby Awards.

Learn More
A LOOK BACK

CRAFTED WITH CODE INNOVATION SHOWCASE

A screenshot of
The Audacious School of Astonishing Pursuits by ED.

The Audacious School of Astonishing Pursuits by ED.

With the goal of building an inclusive space to pass on hard-earned knowledge to the industry’s next leading creatives, ED. Studio produced The Audacious School of Astonishing Pursuits.

Watch Now
A screenshot of
Hawkridge Luxury Real Estate Development Website by DD.NYC®

Hawkridge Luxury Real Estate Development Website by DD.NYC®

DD.NYC® designed an impeccable website that combined a traditional real estate environment with a modern, interactive approach, developing a seamless platform that was easy to navigate and provided users an engaging, visually immersive way to explore the natural beauty of the hill country through the website.

Watch Now
A screenshot of
Convex Seascape Survey by Blue Marine Foundation

Convex Seascape Survey by Blue Marine Foundation

The five-year Convex Seascape Survey is unlocking the secret powers of the ocean floor to absorb carbon and fight climate change.

Learn More
A screenshot of
Art Is Everywhere: Candice B. Groot's Collection by ArtVersion

Art Is Everywhere: Candice B. Groot's Collection by ArtVersion

ArtVersion partnered with The Virginia A. Groot Foundation to develop Art Is Everywhere. The impressive display of art is an immersive, engaging digital experience, serving as both an educational resource and a tribute to Candice B. Groot’s legacy.

Learn More
A screenshot of
Lifting Ukraine by Long Lead & Decimal Studios

Lifting Ukraine by Long Lead & Decimal Studios

Crafted by Long Lead, this site is a revolution in digital photo essay experiences, creating a gorgeous new standard for experiencing photojournalism — on both mobile and desktop browsers — that swept the Best Use of Photography category at the 2024 Webby Awards.

Learn More
A LOOK BACK

CRAFTED WITH CODE PERFORMANCE SHOWCASE

A screenshot of
LUMA Vision - The future of interventional cardiac imaging by WONDR

LUMA Vision - The future of interventional cardiac imaging by WONDR

LUMA Vision is branded as the future of interventional cardiac imaging, allowing Cardioligists to have a holistic understanding of a patient's wellbeing.

Watch Now
A screenshot of
Clooney Foundation for Justice by Redback Solutions

Clooney Foundation for Justice by Redback Solutions

Powered by WP Engine, Redback Solutions created a website for the Clooney Foundation for Justice that combined performance with powerful storytelling.

Watch Now
A screenshot of
TinyWins

TinyWins

It’s rare that a site can be filled with motion while still being optimized for performance. That’s what makes TinyWins mobile site stand out. It incorporates playful yet functional design, allowing potential clients to easily connect with the agency and its full-service offerings. The site achieved a nearly perfect performance score and a Webby Honoree nod along the way.

Learn More
A screenshot of
Harvard Law Review Website by 10up

Harvard Law Review Website by 10up

10Up is focused on making the Internet a better place and taking a customer-centric focus by being proactive, not reactive, when it comes to performance. Its design of the Harvard Law Review, a Webby Nominee powered by WP Engine, showed that focus in clear view.

Learn More
A screenshot of
2023 B Corp Impact Report by Something Familiar

2023 B Corp Impact Report by Something Familiar

When setting out to create its 2023 B Corp Impact Report, Something Familiar achieved something very important: a site that sat at the intersection of performance and accessibility. The Webby Award honoree touts an uncluttered and neatly-organized mobile and desktop experience that achieved nearly perfect performance scores across the board.

Learn More
Screenshot of a video

Crafted Future Event Series

Join us for Crafted Future: Code for Good for a guide on how you can craft emotionally-resonant, high-impact digital experiences that are built to move people. Discover the marketing and human-centered design strategies that leading creative agencies and organizations leverage to make an impact—and make a Webby Award win happen.

RSVP Now
Sprite x Marvel Interactive Fan Site

IMMERSIVE EXPERIENCE

To celebrate the release of Black Panther: Wakanda Forever, this 3D experience gives fans a behind-the-scenes look at the creative team behind the film, and explores their infinite potential.

View the Project
Vaseline’s Database: See My Skin

SITE FOR SOCIAL GOOD

Edelman crafted a database to help people of colors search for potential skin conditions, and connect them to culturally competent dermatologists.

View Project
Brand Refresh for Bownds Ranches

BUILT WITH HEADLESS

Nightjar leaned into an eye-catching design system with a special focus on photography for Bownds Ranches, a brokerage serving ranches across Texas.

View Project
Empowering Experience for Blackspace

POWERED BY WORDPRESS

Instrument developed a beautiful experience that empowered BlackSpace to connect with their audience and scale their mission into the future.

View the Project