Glint
Glint
Where it lives
Mobile App
Health & Wellness
Habit Tracking
Timeline
15 Weeks
Where it lives
Mobile App
Mobile App
Mobile App
Health & Wellness
Health & Wellness
Health & Wellness
Habit Tracking
Habit Tracking
Habit Tracking
Timeline
15 Weeks
Helping people make sun protection light work.
/ TOOLS
Figma After Effects Premiere Pro Nano Banana Flow
TEAM
Music & Sound
/ WHAT I DID
User Interviews & Surveys Competitive Analysis Primary + Secondary Research Design System Wireframing & Prototyping
Overview
Sun protection is one of those things most people intend to do, but often forget or skip in everyday life. Glint is a mobile app that helps bridge the gap between awareness and action, making sun safety feel less like a chore and more like a natural part of a daily routine.
Challenge
How might we help people build consistent, long-term sun protection habits instead of relying on good intentions alone?
Approach
Glint focuses on the small moments that make habits stick. It shows up right when you need it, removes the guesswork around UV, and turns protection into quick, rewarding wins. By supporting multiple protection methods and framing sun safety around both health and appearance, Glint makes consistency feel effortless.
Deep Dive
To fully understand Pixar, time was spent becoming well-versed in the brand, its history and how they’ve celebrated past anniversaries. A competitive analysis was also conducted to evaluate strategies for both Pixar and Apple Music. For visual inspiration, an exploration of existing quiz interfaces and creative microsites helped spark ideas and shape the final approach.
Deep Dive
To fully understand Pixar, time was spent becoming well-versed in the brand, its history and how they’ve celebrated past anniversaries. A competitive analysis was also conducted to evaluate strategies for both Pixar and Apple Music. For visual inspiration, an exploration of existing quiz interfaces and creative microsites helped spark ideas and shape the final approach.
Deep Dive
To fully understand Pixar, time was spent becoming well-versed in the brand, its history and how they’ve celebrated past anniversaries. A competitive analysis was also conducted to evaluate strategies for both Pixar and Apple Music. For visual inspiration, an exploration of existing quiz interfaces and creative microsites helped spark ideas and shape the final approach.
Deep Dive
To fully understand Pixar, time was spent becoming well-versed in the brand, its history and how they’ve celebrated past anniversaries. A competitive analysis was also conducted to evaluate strategies for both Pixar and Apple Music. For visual inspiration, an exploration of existing quiz interfaces and creative microsites helped spark ideas and shape the final approach.
Identity Design
Identity Design
Identity Design
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.
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.
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.
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.
Iterations
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.”
Iterations
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.”
Iterations
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.”
Iterations
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
/ homepage
A Gateway To Nostalgia And Discovery
/ homepage
A Gateway To Nostalgia And Discovery
/ homepage
A Gateway To Nostalgia And Discovery
Designed to guide users seamlessly to the core components of the experience. The goal was to create a dreamy, memory-like atmosphere that evokes nostalgia.
Designed to guide users seamlessly to the core components of the experience. The goal was to create a dreamy, memory-like atmosphere that evokes nostalgia.
Designed to guide users seamlessly to the core components of the experience. The goal was to create a dreamy, memory-like atmosphere that evokes nostalgia.
Designed to guide users seamlessly to the core components of the experience. The goal was to create a dreamy, memory-like atmosphere that evokes nostalgia.
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.
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.
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.
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.
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.
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.
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
/ Quiz
Finding Your Soundtrack Match
/ Quiz
Finding Your Soundtrack Match
/ 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.
Eight tailored questions help uncover user tastes, with each answer updating the background image and accompanying song to reflect the corresponding movie.
Eight tailored questions help uncover user tastes, with each answer updating the background image and accompanying song to reflect the corresponding movie.
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
After users make their choice, the page transitions by zooming out and moving to the next question. This zoom-out state was intentionally designed to provide a visual break from the full-bleed background images.
Zoomed Out State
After users make their choice, the page transitions by zooming out and moving to the next question. This zoom-out state was intentionally designed to provide a visual break from the full-bleed background images.
Zoomed Out State
After users make their choice, the page transitions by zooming out and moving to the next question. This zoom-out state was intentionally designed to provide a visual break from the full-bleed background images.
Zoomed Out State
After users make their choice, the page transitions by zooming out and moving to the next question. This zoom-out state was intentionally designed to provide a visual break from the full-bleed background images.
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.
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.
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.
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
/ Playlist
Listen, Share and Relive the Magic
/ Playlist
Listen, Share and Relive the Magic
/ 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.
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.
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.
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
/ Memory Lane
A Scroll Through Time
/ Memory Lane
A Scroll Through Time
/ Memory Lane
A Scroll Through Time
Users can dive deeper into Pixar’s history by going through a timeline of the studio’s milestones.
Users can dive deeper into Pixar’s history by going through a timeline of the studio’s milestones.
Users can dive deeper into Pixar’s history by going through a timeline of the studio’s milestones.
Users can dive deeper into Pixar’s history by going through a timeline of the studio’s milestones.
/ Seemless Expansion
Mobile & Brand Activation
/ Seemless Expansion
Mobile & Brand Activation
/ Seemless Expansion
Mobile & Brand Activation
/ 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.
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.
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.
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
/ Signing Off!
Final Thoughts
/ Signing Off!
Final Thoughts
/ 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.
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.
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.
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.
/ MORE TO EXPLORE
Choose Your Next Adventure
Pixar x Apple Music
Pixar x Apple Music
Pixar x Apple Music
View Project
View Project
View Project
Student Mentorship
Microsite
MUSIC & AUDIO
Pixar x Apple Music
Pixar x Apple Music
Pixar x Apple Music
View Project
View Project
View Project
Student Mentorship
Microsite
MUSIC & AUDIO
Pixar x Apple Music
Pixar x Apple Music
Pixar x Apple Music
View Project
View Project
View Project
Pixar x Apple Music
Pixar x Apple Music
Pixar x Apple Music
View Project
View Project
View Project
Student Mentorship
Microsite
MUSIC & AUDIO
Pangea
Pangea
Pangea
View Project
View Project
View Project
Mobile App
Community
Housing
Award Win
Pangea
Pangea
Pangea
View Project
View Project
View Project
Mobile App
Community
Housing
Award Win
Pangea
Pangea
Pangea
View Project
View Project
View Project
Pangea
Pangea
Pangea
View Project
View Project
View Project
Mobile App
Community
Housing
Award Win