Studio Ghibli

Experience Design

2021

A digital web experience to re-engage fans of Studio Ghibli.

Scroll

Duration

5 Weeks

Role

Experience Design

User Research

Prototyping

Team

Andrew Cabu

Ashley Yien

Brendan Chow

Maple Sukontasukkul

Studio Ghibli is a Japanese animation studio founded on human craft, an atmospheric tone, and a desire to craft evocative and memorable experiences.

This project is rooted in designing a digital web experience that delivers value to both the business and its consumers, all while maintaining alignment with the brand. The end result is a microsite that allows loyal fans to take a deep dive into exclusive content on the inspiration, creation, and production of their beloved Ghibli films, fostering renewed engagement with the brand.

Project Overview at a Glance

Problem

Existing Studio Ghibli fans exhibit limited involvement beyond their initial interaction with films or other products. When they do extend their engagement with the brand, primary and third-party touchpoints are scattered, leading to a disconnect between the business and its fans. This disconnect contributes to decreased revenue and a negative impact on the brand's image.

Solution

An immersive digital web experience that deepens fans’ emotional connection to the Ghibli brand, with the aim of enhancing brand loyalty and customer retention. Ultimately, the project goal is to reconnect with a diverse audience of Ghibli enthusiasts, providing dependable content that fosters anticipation and desire for future Ghibli film or product consumption.

The Design Solution

Immersive and Reliable Content

Upon landing, our solution offers key information helping guide visitors toward specific goals. Viewers are immersed in a cinematic and atmospheric experience while also being able to easily access relevant content.

Immersive and Reliable Content

Upon landing, our solution offers key information helping guide visitors toward specific goals. Viewers are immersed in a cinematic and atmospheric experience while also being able to easily access relevant content.

A Digital Museum

The immersive ambiance of Ghibli’s museum in Japan, which is inaccessible to their global audience, is brought to a digital space. Motion is leveraged through actionable prompts to guide visitors towards surfacing how mundane objects inspired Ghibli films.

A Digital Museum

The immersive ambiance of Ghibli’s museum in Japan, which is inaccessible to their global audience, is brought to a digital space. Motion is leveraged through actionable prompts to guide visitors towards surfacing how mundane objects inspired Ghibli films.

Highlighting the Animation Process

Surfacing process work allows visitors to discover more about films they may have watched, inspiring new ways to rewatch an old favorite, while providing a rewarding and aesthetic experience from entry to exit.

Highlighting the Animation Process

Surfacing process work allows visitors to discover more about films they may have watched, inspiring new ways to rewatch an old favorite, while providing a rewarding and aesthetic experience from entry to exit.

Seamless eCommerce Integration

We included an opportunity to purchase merchandise and directly support the studio. Items specific to each film are included beyond a dedicated merchandise page to entice buyers while navigating through movie pages.

Seamless eCommerce Integration

We included an opportunity to purchase merchandise and directly support the studio. Items specific to each film are included beyond a dedicated merchandise page to entice buyers while navigating through movie pages.

Creating a Riveting Atmosphere

Sound establishes mood and atmosphere and is integral to designing the immersive worlds of the Ghibli universe. A music player shows corresponding movie frames to help visitors relive moments from a film.

Creating a Riveting Atmosphere

Sound establishes mood and atmosphere and is integral to designing the immersive worlds of the Ghibli universe. A music player shows corresponding movie frames to help visitors relive moments from a film.

Our Research

Learning About Studio Ghibli's Brand

If you ask someone who’s watched a Studio Ghibli film to describe their films in one word, you’ll most likely hear ‘nostalgia’ be used most often. This is because Studio Ghibli has a very distinct and unique use of characters, art style, music, ambience, and world building to create highly emotional films. Emotions are so deeply embedded in the brand of Studio Ghibli that the team decided to embrace it as part of the project, focusing on existing fans who are most familiar with these emotions.

“Part of the enjoyment with Ghibli is this sense of emotional connection, and almost everyone loves the aesthetics. It brings back those feelings of nostalgia which inspires me to think about and potentially watch other movies.”

Interview participant, long-standing Ghibli fan

Behavior of Existing Fans

In our research on existing fans of Studio Ghibli, we found that they tend to engage with the studio’s content beyond just a single film. This could mean purchasing goods and merchandise, learning more about the characters and meanings of the films through online sources, and even watching another film or re-watching a specific film to relive memories and chase that feeling of nostalgia.

Current Experience Engaging with the Brand

However, when asked about their experience on engaging with content beyond watching a film, fans noted that it was often unexciting or that they questioned the credibility of those sources because most of them are from third-parties.

“I... literally have zero clue where to [find reliable Ghibli content]. All I found [were] IMDB-like sites, which did help. However, it felt weird as I no longer felt as engaged to Ghibli and my excitement was gone because I was just reading plain text.”

A fan of Studio Ghibli, on finding a post-engagement experience

Official Japanese site, global site presented by GKIDS, Ghibli Wiki Fandom site, and Ghibli’s Japanese store

Three Statements to Focus Our Goal

To align the project goals, we have carefully crafted three statements that will serve as the ‘why’, ‘what’, and ‘how’ of our project.

Problem

Why Are We Designing This?

Existing fans lack engagement with Studio Ghibli beyond their initial interaction with films, or other products. Scattered primary and third-party touchpoints drive a wedge between the business and fans, leading to decreased revenue and an unfavorable perception of brand.

Opportunity

What Are We Designing to Solve this?

We can surface the world behind the inspirations, ideation and creation of each film to immerse visitors into the unique atmosphere of the Studio Ghibli ecosystem.

Content Strategy

How Will Our Design Solve This?

We propose an immersive digital experience that extends a fan’s emotional connection to the Ghibli brand in order to increase brand loyalty and customer retention.

Ultimately, our project goal is to re-engage the wide range of Ghibli audiences, who seek reliable content while generating a sense of anticipation and desire for the future consumption of Ghibli films or products.

Key Learnings

Writing Why, What, and How Statements to Keep You Focused

As a project progresses, it's easy to lose sight of the initial purpose and objectives of your design efforts. Documenting why, what, and how statements helps keep you focused on the project goals and make decisions you might hesitate on otherwise.

Put Trust and Faith in Your Colleagues

I learned that trusting the others working with you is important to the harmony and success of the team. It allows both you and your colleagues to concentrate on delivering your best contributions to the project.

Duration

5 Weeks

Team

Andrew Cabu

Ashley Yien

Brendan Chow

Maple Sukontasukkul

Role

User Research

Prototyping

Experience Design

Studio Ghibli is a Japanese animation studio founded on human craft, an atmospheric tone, and a desire to craft evocative and memorable experiences.

This project is rooted in designing a digital web experience that delivers value to both the business and its consumers, all while maintaining alignment with the brand. The end result is a microsite that allows loyal fans to take a deep dive into exclusive content on the inspiration, creation, and production of their beloved Ghibli films, fostering renewed engagement with the brand.

Project Overview at a Glance

Problem

Existing Studio Ghibli fans exhibit limited involvement beyond their initial interaction with films or other products. When they do extend their engagement with the brand, primary and third-party touchpoints are scattered, leading to a disconnect between the business and its fans. This disconnect contributes to decreased revenue and a negative impact on the brand's image.

Solution

An immersive digital web experience that deepens fans’ emotional connection to the Ghibli brand, with the aim of enhancing brand loyalty and customer retention. Ultimately, the project goal is to reconnect with a diverse audience of Ghibli enthusiasts, providing dependable content that fosters anticipation and desire for future Ghibli film or product consumption.

  • Let’s get in touch.

© 2024 Adrian Fung

Designed in Figma. Built with Framer.

  • Let’s get in touch.

© 2024 Adrian Fung

Designed in Figma. Built with Framer.

  • Let’s get in touch.

© 2024 Adrian Fung

Designed in Figma. Built with Framer.