pixar40.com — A partnership honouring four decades of legacy and heartfelt stories.
TOOLS
After Effects
Figma
TEAM
Beverage
WHAT I DID
Wireframing & Prototyping
Style Guide
Experience Strategy & Concepting
Motion Design
Art Direction & Visual System
Content
Overview
Ridged, a dynamic beverage brand, aimed to redefine its market position and appeal to a younger demographic. The goal was to develop a fresh brand identity and create an engaging online presence through a visually appealing and user-friendly digital platform.
Challenge
Ridged’s existing brand identity lacked differentiation and failed to resonate with their target audience. Their digital presence was fragmented, with an outdated website that did not reflect the brand’s energy and innovation. This resulted in reduced brand visibility and limited customer engagement. Ridged needed a comprehensive solution to revamp their brand identity and digital design to better reflect their vibrant personality and attract new customers.
Approach
We embarked on a comprehensive brand identity overhaul for Ridged, beginning with a new logo, color palette, typography, and visual elements that captured the brand’s essence of excitement and innovation. The digital design strategy focused on creating a visually stimulating website with high-quality graphics, interactive elements, and a modern layout. Our approach aimed to create a cohesive and memorable brand experience across all digital touchpoints.
Deep Dive
Identity Design
Two potential directions were explored through mood boards, which helped communicate an aesthetic, tone of voice and brand essence. This process clarified the focus and defined the key aspects of how the branding of the Pixar-Apple Music partnership could come to life in the digital space.
Branding
To test ideas and explore the web strategy in context, digital sketches were created. Ultimately, the final concept became a fusion of the two directions, combining the charm of "Pixar Sketchbook" through hand-drawn elements, with the modern aesthetic of "Pixar Pop.”
HOMEPAGE
A Gateway to Nostalgia
and Discovery
Two potential directions were explored through mood boards, which helped communicate an aesthetic, tone of voice and brand essence. This process clarified the focus and defined the key aspects of how the branding of the Pixar-Apple Music partnership could come to life in the digital space.
Music
Background music plays automatically upon arrival on the homepage, setting the mood. This enhances the immersive experience, drawing users into the magic of Pixar's storytelling and the musical charm of Apple Music right from the start. A mute/play button ensures users can easily control the sound to suit their preferences.
Parallax
To add an element of fun, a parallax effect was added to the buttons, making the text inside them subtly shift in response to the user’s cursor movement.
QUIZ
Finding Your Soundtrack Match
Eight tailored questions help uncover user tastes, with each answer updating the background image and accompanying song to reflect the corresponding movie.
Zoomed-Out State
Once the quiz is completed, the microsite will analyze the user’s answers to curate a personalized playlist. During this process, a loading screen will appear, engaging users as they await their results. This brief waiting time adds to the anticipation.
Loading Page
Once the quiz is completed, the microsite will analyze the user’s answers to curate a personalized playlist. During this process, a loading screen will appear, engaging users as they await their results. This brief waiting time adds to the anticipation.
PLAYLIST
Listen, Share and Relive the Magic
Here are the results! Users can listen to a snippet of their personalized tracks directly through the embedded Apple Music player or choose to open the playlist in Apple Music for a fuller experience.
MEMORY LANE
A Scroll Through Time
Users can dive deeper into Pixar’s history by going through a timeline of the studio’s milestones.
SEEMLESS EXPANSION
Mobile & Brand Activation
While this project was primarily designed for desktop users, the site was built to adapt across different devices. Alongside this, the partnership between Pixar and Apple Music extends beyond the microsite and into real-world brand activations through campaigns.
SIGNING OFF!
Final Thoughts
This project really sparked my love for designing digital experiences and took my Figma prototyping and motion design skills to the next level. It also showed me the importance of iterations and exploring different concepts. Big shoutout to Garret; he was the best mentor ever! We spent many hours together figuring things out, and I learned so much about the industry and design agency world through him.
