Studio Ghibli

UX/UI

Art Direction

Prototyping & Animation

Hayao Miyazaki has a simple message in all of his films: live life to the fullest. This personal project is an exploration of what is so unique about his work, and what really fascinates me, is digging, layer by layer, down into the very driving force behind his incredible body of work. I used snippets from his films to create collages or my own interpretation of sceneries. As a Studio Ghibli fan the beautiful visuals and his inspiring story was the perfect combination to create a micro site dedicated to his craft.

Tools: Figma, Photoshop, Nano banana

Visuals

I incorporated the distinctive art style of Studio Ghibli. Using hand-drawn illustrations, watercolor textures, and soft pastel colors to evoke the enchanting world of Miyazaki's films. I chose a whimsical and elegant font that complements the artistic style while ensuring readability.

The content is organized into sections dedicated to different aspects of Studio Ghibli's work, such as films, characters, and behind-the-scenes insights. Using storytelling techniques to create a narrative flow throughout the microsite and guiding users through Miyazaki's creative journey.

Prototyping exercise

Using parallax scrolling : The page creates an illusion of depth and movement by allowing different layers of content to move at different speeds as the user scrolls down or up the page. By using this effect I wanted to provide a visually engaging and immersive user experience. I wanted to showcase Miyazaki's artwork, concept sketches, and illustrations in a dedicated gallery section. This allows users to zoom in for a closer look at the intricate details of the artwork.

Five things I learned from Studio Ghibli films as a designer

  1. Tell a story, and make it flow - Induce curiosity, create the setting and introduce the characters, and finally take the user along on an adventure.

  2. Show your human side - let your product be your user’s friend not just a tool.

  3. Give attention to every small detail - Studio Ghibli movies are so amazingly engaging since Hayao Miyazaki pays attention to every detail of the character including reactions and emotions towards simple every day things.

  4. Keep it simple - an example of this is Instagram, with its clear focus on photos and the camera

  5. Anything goes - I tend to overthink especially in the beginning of my design process. Pour out all your creative ideas before hitting the software. Go crazy with creativity, ANYTHING GOES.


By creating an artistic microsite dedicated to Hayao Miyazaki and Studio Ghibli I wanted visitors to be immersed in the enchanting world of Ghibli films while offering an intuitive and visually captivating user experience. It should celebrate the artistry and storytelling that have made Miyazaki's work beloved by audiences around the world. Studio Ghibli’s online archive with a large number of stills from the movies are made available to download for free here.

  1. Tell a story, and make it flow - Induce curiosity, create the setting and introduce the characters, and finally take the user along on an adventure.

  2. Show your human side - let your product be your user’s friend not just a tool.

  3. Give attention to every small detail - Studio Ghibli movies are so amazingly engaging since Hayao Miyazaki pays attention to every detail of the character including reactions and emotions towards simple every day things.

  4. Keep it simple - an example of this is Instagram, with its clear focus on photos and the camera

  5. Anything goes - I tend to overthink especially in the beginning of my design process. Pour out all your creative ideas before hitting the software. Go crazy with creativity, ANYTHING GOES.


By creating an artistic microsite dedicated to Hayao Miyazaki and Studio Ghibli I wanted visitors to be immersed in the enchanting world of Ghibli films while offering an intuitive and visually captivating user experience. It should celebrate the artistry and storytelling that have made Miyazaki's work beloved by audiences around the world. Studio Ghibli’s online archive with a large number of stills from the movies are made available to download for free.

Other projects