Back
Out of OfficeInfo
Inside Out
Movie websites offer viewers a glimpse into the story while sharing key details beyond the screen. For this project, I designed a single-page site for Pixar, aiming to capture the heart of the film digitally. The goal was to engage the audience with a visually appealing format that reflects the movie’s vibrant spirit.

Pain Points
Balancing user expectations from various age groups, determining content structure to ensure smooth storytelling, and focusing solely on desktop-based design.

Opportunities
Balancing diverse age group expectations becomes an opportunity with personalized, interactive experiences. Expanding the design to mobile boosts accessibility and user engagement.
An image showing a laptop displaying Pixar’s Inside Out logo in a colorful, abstract silhouette design. Surrounding the laptop are characters from the movie, including Joy, Anger, Sadness, Fear, Disgust, and Bing Bong, set against a vibrant pink background.
For the, I conducted one-on-one interviews with people across different age groups, which gave me valuable insights into their preferences and experiences. These conversations helped shape the target audience for the website. Since the movie appeals to all ages, I needed to consider its universal relatability when selecting the audience. Ultimately, the target audience for this project was defined asand teenagers, making sure the website resonated with both groups.
"A website like this could help me to connect with the movie better. From a brand perspective, it will also help Disney to expand their system."

"I can imagine my kid using this website and collecting all the official posters, videos, and merchandise from the website. It could be a helpful tool for adults as well, where they can know the details about the individuals who worked on the film."
Wireframe mockup of a website layout featuring a placeholder for the movie title in large text at the center and a review quote by Common Sense Media in the top left corner, with an overall minimalist design structure for content placement.Wireframe of a website section featuring a ‘Characters’ area with five image placeholders arranged in a row. Below it is a ‘Story’ section, displaying a brief text synopsis about the movie, specifically discussing the protagonist Riley’s emotional journey as she adjusts to a new life.Wireframe of a website section displaying a trailer placeholder with left and right navigation arrows, followed by a gallery section with two image placeholders beneath it, indicating space for multimedia content.Wireframe of a website section displaying ‘Merchandise’ with two image placeholders for items such as a phone cover and a badge, each with a ‘buy’ link below. Below the merchandise section is a ‘Credits’ section listing the director, co-director, and other key contributors.
Wireframes served as the foundation for the final design, making this stage incredibly important. They needed to not only hold the content effectively but also support the overall structure of the website. The goal was to create a seamless flow between visuals and content, ensuring the site feels cohesive and user-friendly from start to finish. This approach helped ensure that everything was well-organized, making the user experience smooth and intuitive.

For the final design, I drew inspiration directly from the movie, incorporating its unique visuals into the website. From typography to color choices, every element was influenced by the film’s aesthetic.
The goal was to capture the movie’s visual essence on the website while providing a smooth, engaging experience.
Colorful infographic-style webpage for Inside Out, featuring a character silhouette with a rainbow color palette. The sections include ‘Characters,’ ‘Story,’ ‘Trailer,’ ‘Gallery,’ ‘Merchandise,’ and ‘Credits.’ Each section highlights key aspects of the movie with visuals of the characters and other content, such as the trailer and merchandise like phone covers and badges. The layout uses bright colors and playful design elements that reflect the movie’s vibrant spirit.