Avatar.com

A new home for the Na'Vi

Disney - Avatar Website Refresh

Creative Direction • Web Design • UI Design

Months before the release of Avatar 2: The Way of Water, Disney approached us to help them reimagine the Avater website as a hub that could support all of the upcoming films and integrate into their CMS system to streamline support for years to come. I led the team, working with key leaders at Disney and Lightstorm to build a destination to encapsulate the entire Avatar ecosystem.

avatar-site-old avatar-site-new

Building for the future

Past iterations of Avatar.com were ephemeral, theatrical marketing sites built to support a single film. The was to be something entirely different. It would need to support multiple films for years to come, be updated to support modern web and accessiblity standards, and the design would need to work within Disney's existing CMS system.

That said, the site for this blockbuster franchise must not feel cookie-cutter or templated. We needed a site befitting the beautiful world of Pandora.

Desktop-Experiences-The-World-Of
Desktop-Experiences
Desktop-Home
Desktop-Community
Desktop-Experiences-Discover-Pandora
Desktop-Publishing
Desktop-Games
Desktop-Partnerships
Desktop-Poll-Modal
Desktop-Poll-Result-Modal-inline

A Rich New Design Sytem

We captured the expansive world of Pandora in our UI through a system of custom icons and color. 

Decorative-line

Inclusiveness & Community

These project was always about bringing the broader Avatar fanbase together in one place. Fans can find information, Film Scores, Na'vi Language tools and more all in an a11y accessible website.

Mission Accomplished

As of 2023, the site has performed just as hoped. It supported the launch of Avatar 2: The Way of Water and has functioned as foundational web presence for the franchise moving forward. 

Credits

Client: Disney
Agency: Project C
Creative Director: Joey Barrus
Design: Joey Barrus
Design: Jen Sneary
Developer: Rob Luton, Shun Smith

Case Studies

Cocaine BearProject type

4Town.comWebsite

American Horror Story: ApocalypseAd Campaign Strategy | Creative Direction | 3D | Motion Design

Marvels Agents of Shield S5-S6: Sustain Social CampaignSocial Campaign Strategy | Creative Direction | 3D | Motion Design

Legion Season 2Ad Campaign Strategy | Creative Direction | 3D | Motion Design

The CommuterSocial Strategy | Creative Direction | Motion Design | Copywriting

Transparent: Season 4Social Strategy | Creative Direction | Motion Design | Copywriting

View