Festive delight for Lululemon guests
Explore interaction design work to transform the Lululemon mobile app for Holidays for 3.5 million users.
ROLE: Mobile Product Designer - Discovery, Interaction Design, Prototyping
Overview
Lululemon guests today expect brands to adapt to seasonality yet the Guest App - with 3 million MAU & 40% of online revenue- remains static year-round; leading to missed opportunities for deeper guest engagement during key festive moments like Holiday.
Solution
20+ festive micro-interaction effects for iOS guests to foster emotional connections to the brand and drive up engagement for the holiday period.
Impact
3.5m Monthly active users expected as a result of holiday festive campaign.
3m new downloads expected as part of holiday push
particle GREETER
Particle burst as guests navigate into on the gift guide screen
MOTION-DRIVEN IRIDESCENCE
Iridescence on campaign cards that feature the Holiday Gift Guide
MOTION-DRIVEN IRIDESCENCE
Iridescent sparkles on the main, text and CTA
Festi-fy the Holiday Gift Guide Screen
MOTION-DRIVEN IRIDESCENCE
Iridescent shine on the lululemon logo within the membership pass
particle GREETER
A particle trail on the add-to-bag animation once a guest adds a product to their cart
Iridescent
Micro-interactions
particle GREETER
Easter egg snowglobe effect as guests tilt their devices. Utilizing iPhone gyroscope.
particle GREETER
Particles around progress bar to evoke shine and sparkle.
Used timeline based effects in iOS SwiftUI.
Effects that
pushed technical boundaries
Design Approach
Iridescence
The core visual motif, identified from brand creative, that was infused into all interaction treatments. The alteration of light became the running thread through all interactions.
Motion-driven Effects
Using native iOS capabilities opened the door to powerful emotional experiences. Time was spent prototyping in Play & SwiftUI to test how gyroscope could be used.
Design Objectives
High Traffic
Develop interaction effects on high traffic
pages to ensure there’s a clear ROI.
Low Friction
Ensure Elements aren’t disruptive to the overall
experience nor hinder guests from
making a purchase.
Fun
Evoke a sense of joy, delight and play that
guests would want to share with others.
Hide enough easter eggs throughout the app to
encourage discovery
Overview
Lululemon guests today expect brands to adapt to seasonality yet the Guest App - with 3 million MAU & 40% of online revenue- remains static year-round; leading to missed opportunities for deeper guest engagement during key festive moments like Holiday.
Solution
20+ festive micro-interaction effects for iOS guests to foster emotional connections to the brand and drive up engagement for the holiday period.
Impact
3.5m Monthly active users expected as a result of holiday festive campaign.
3m new downloads expected as part of holiday push
particle GREETER
Particle burst as guests navigate into on the gift guide screen
MOTION-DRIVEN IRIDESCENCE
Iridescence on campaign cards that feature the Holiday Gift Guide
MOTION-DRIVEN IRIDESCENCE
Iridescent sparkles on the main, text and CTA
Festi-fy the Holiday Gift Guide Screen
MOTION-DRIVEN IRIDESCENCE
Iridescent shine on the lululemon logo within the membership pass
particle GREETER
A particle trail on the add-to-bag animation once a guest adds a product to their cart
Iridescent
Micro-interactions
particle GREETER
Easter egg snowglobe effect as guests tilt their devices. Utilizing iPhone gyroscope.
particle GREETER
Particles around progress bar to evoke shine and sparkle.
Used timeline based effects in iOS SwiftUI.
Effects that
pushed technical boundaries
Design Approach
Iridescence
The core visual motif, identified from brand creative, that was infused into all interaction treatments. The alteration of light became the running thread through all interactions.
Motion-driven Effects
Using native iOS capabilities opened the door to powerful emotional experiences. Time was spent prototyping in Play & SwiftUI to test how gyroscope could be used.
Design Objectives
High Traffic
Develop interaction effects on high traffic
pages to ensure there’s a clear ROI.
Low Friction
Ensure Elements aren’t disruptive to the overall
experience nor hinder guests from
making a purchase.
Fun
Evoke a sense of joy, delight and play that
guests would want to share with others.
Hide enough easter eggs throughout the app to
encourage discovery
Overview
Lululemon guests today expect brands to adapt to seasonality yet the Guest App - with 3 million MAU & 40% of online revenue- remains static year-round; leading to missed opportunities for deeper guest engagement during key festive moments like Holiday.
Solution
20+ festive micro-interaction effects for iOS guests to foster emotional connections to the brand and drive up engagement for the holiday period.
Impact
3.5m Monthly active users expected as a result of holiday festive campaign.
3m new downloads expected as part of holiday push
particle GREETER
Particle burst as guests navigate into on the gift guide screen
MOTION-DRIVEN IRIDESCENCE
Iridescence on campaign cards that feature the Holiday Gift Guide
MOTION-DRIVEN IRIDESCENCE
Iridescent sparkles on the main, text and CTA
Festi-fy the Holiday Gift Guide Screen
MOTION-DRIVEN IRIDESCENCE
Iridescent shine on the lululemon logo within the membership pass
particle GREETER
A particle trail on the add-to-bag animation once a guest adds a product to their cart
Iridescent
Micro-interactions
particle GREETER
Easter egg snowglobe effect as guests tilt their devices. Utilizing iPhone gyroscope.
particle GREETER
Particles around progress bar to evoke shine and sparkle.
Used timeline based effects in iOS SwiftUI.
Effects that
pushed technical boundaries
Design Approach
Iridescence
The core visual motif, identified from brand creative, that was infused into all interaction treatments. The alteration of light became the running thread through all interactions.
Motion-driven Effects
Using native iOS capabilities opened the door to powerful emotional experiences. Time was spent prototyping in Play & SwiftUI to test how gyroscope could be used.
Design Objectives
High Traffic
Develop interaction effects on high traffic
pages to ensure there’s a clear ROI.
Low Friction
Ensure Elements aren’t disruptive to the overall
experience nor hinder guests from
making a purchase.
Fun
Evoke a sense of joy, delight and play that
guests would want to share with others.
Hide enough easter eggs throughout the app to
encourage discovery
Overview
Lululemon guests today expect brands to adapt to seasonality yet the Guest App - with 3 million MAU & 40% of online revenue- remains static year-round; leading to missed opportunities for deeper guest engagement during key festive moments like Holiday.
Solution
20+ festive micro-interaction effects for iOS guests to foster emotional connections to the brand and drive up engagement for the holiday period.
Impact
3.5m Monthly active users expected as a result of holiday festive campaign.
3m new downloads expected as part of holiday push
particle GREETER
Particle burst as guests navigate into on the gift guide screen
MOTION-DRIVEN IRIDESCENCE
Iridescence on campaign cards that feature the Holiday Gift Guide
MOTION-DRIVEN IRIDESCENCE
Iridescent sparkles on the main, text and CTA
Festi-fy the Holiday Gift Guide Screen
MOTION-DRIVEN IRIDESCENCE
Iridescent shine on the lululemon logo within the membership pass
particle GREETER
A particle trail on the add-to-bag animation once a guest adds a product to their cart
Iridescent
Micro-interactions
particle GREETER
Easter egg snowglobe effect as guests tilt their devices. Utilizing iPhone gyroscope.
particle GREETER
Particles around progress bar to evoke shine and sparkle.
Used timeline based effects in iOS SwiftUI.
Effects that
pushed technical boundaries
Design Approach
Iridescence
The core visual motif, identified from brand creative, that was infused into all interaction treatments. The alteration of light became the running thread through all interactions.
Motion-driven Effects
Using native iOS capabilities opened the door to powerful emotional experiences. Time was spent prototyping in Play & SwiftUI to test how gyroscope could be used.
Design Objectives
High Traffic
Develop interaction effects on high traffic
pages to ensure there’s a clear ROI.
Low Friction
Ensure Elements aren’t disruptive to the overall
experience nor hinder guests from
making a purchase.
Fun
Evoke a sense of joy, delight and play that
guests would want to share with others.
Hide enough easter eggs throughout the app to
encourage discovery
Overview
Lululemon guests today expect brands to adapt to seasonality yet the Guest App - with 3 million MAU & 40% of online revenue- remains static year-round; leading to missed opportunities for deeper guest engagement during key festive moments like Holiday.
Solution
20+ festive micro-interaction effects for iOS guests to foster emotional connections to the brand and drive up engagement for the holiday period.
Impact
3.5m Monthly active users expected as a result of holiday festive campaign.
3m new downloads expected as part of holiday push
particle GREETER
Particle burst as guests navigate into on the gift guide screen
MOTION-DRIVEN IRIDESCENCE
Iridescence on campaign cards that feature the Holiday Gift Guide
MOTION-DRIVEN IRIDESCENCE
Iridescent sparkles on the main, text and CTA
Festi-fy the Holiday Gift Guide Screen
MOTION-DRIVEN
IRIDESCENCE
Iridescent shine
on the lululemon
logo within the membership pass
particle GREETER
A particle trail on the add-to-bag animation once a guest adds a product to their cart
Iridescent
Micro-interactions
particle GREETER
Easter egg snowglobe effect as guests tilt their devices. Utilizing iPhone gyroscope.
particle GREETER
Particles around progress bar to evoke shine and sparkle.
Used timeline based effects in iOS SwiftUI.
Effects that
pushed technical boundaries
Design Approach
Iridescence
The core visual motif, identified from brand creative, that was infused into all interaction treatments. The alteration of light became the running thread through all interactions.
Motion-driven Effects
Using native iOS capabilities opened the door to powerful emotional experiences. Time was spent prototyping in Play & SwiftUI to test how gyroscope could be used.
Design Objectives
High Traffic
Develop interaction effects on high traffic
pages to ensure there’s a clear ROI.
Low Friction
Ensure Elements aren’t disruptive to the
overall experience nor hinder guests from
making a purchase.
Fun
Evoke a sense of joy, delight and play that
guests would want to share with others.
Hide enough easter eggs throughout the app to
encourage discovery
Overview
Lululemon guests today expect brands to adapt to seasonality yet the Guest App - with 3 million MAU & 40% of online revenue- remains static year-round; leading to missed opportunities for deeper guest engagement during key festive moments like Holiday.
Solution
20+ festive micro-interaction effects for iOS guests to foster emotional connections to the brand and drive up engagement for the holiday period.
Impact
3.5m Monthly active users expected as a result of holiday festive campaign.
3m new downloads expected as part of holiday push
particle GREETER
Particle burst as guests navigate into on the gift guide screen
MOTION-DRIVEN IRIDESCENCE
Iridescence on campaign cards that feature the Holiday Gift Guide
MOTION-DRIVEN IRIDESCENCE
Iridescent sparkles on the main, text and CTA
Festi-fy the Holiday Gift Guide Screen
MOTION-DRIVEN
IRIDESCENCE
Iridescent shine
on the lululemon
logo within the membership pass
particle GREETER
A particle trail on the add-to-bag animation once a guest adds a product to their cart
Iridescent
Micro-interactions
particle GREETER
Easter egg snowglobe effect as guests tilt their devices. Utilizing iPhone gyroscope.
particle GREETER
Particles around progress bar to evoke shine and sparkle.
Used timeline based effects in iOS SwiftUI.
Effects that
pushed technical boundaries
Design Approach
Iridescence
The core visual motif, identified from brand creative, that was infused into all interaction treatments. The alteration of light became the running thread through all interactions.
Motion-driven Effects
Using native iOS capabilities opened the door to powerful emotional experiences. Time was spent prototyping in Play & SwiftUI to test how gyroscope could be used.
Design Objectives
High Traffic
Develop interaction effects on high traffic
pages to ensure there’s a clear ROI.
Low Friction
Ensure Elements aren’t disruptive to the
overall experience nor hinder guests from
making a purchase.
Fun
Evoke a sense of joy, delight and play that
guests would want to share with others.
Hide enough easter eggs throughout the app to
encourage discovery
Overview
Lululemon guests today expect brands to adapt to seasonality yet the Guest App - with 3 million MAU & 40% of online revenue- remains static year-round; leading to missed opportunities for deeper guest engagement during key festive moments like Holiday.
Solution
20+ festive micro-interaction effects for iOS guests to foster emotional connections to the brand and drive up engagement for the holiday period.
Impact
3.5m Monthly active users expected as a result of holiday festive campaign.
3m new downloads expected as part of holiday push
particle GREETER
Particle burst as guests navigate into on the gift guide screen
MOTION-DRIVEN IRIDESCENCE
Iridescence on campaign cards that feature the Holiday Gift Guide
MOTION-DRIVEN IRIDESCENCE
Iridescent sparkles on the main, text and CTA
Festi-fy the Holiday Gift Guide Screen
MOTION-DRIVEN
IRIDESCENCE
Iridescent shine
on the lululemon
logo within the membership pass
particle GREETER
A particle trail on the add-to-bag animation once a guest adds a product to their cart
Iridescent
Micro-interactions
particle GREETER
Easter egg snowglobe effect as guests tilt their devices. Utilizing iPhone gyroscope.
particle GREETER
Particles around progress bar to evoke shine and sparkle.
Used timeline based effects in iOS SwiftUI.
Effects that
pushed technical boundaries
Design Approach
Iridescence
The core visual motif, identified from brand creative, that was infused into all interaction treatments. The alteration of light became the running thread through all interactions.
Motion-driven Effects
Using native iOS capabilities opened the door to powerful emotional experiences. Time was spent prototyping in Play & SwiftUI to test how gyroscope could be used.
Design Objectives
High Traffic
Develop interaction effects on high traffic
pages to ensure there’s a clear ROI.
Low Friction
Ensure Elements aren’t disruptive to the
overall experience nor hinder guests from
making a purchase.
Fun
Evoke a sense of joy, delight and play that
guests would want to share with others.
Hide enough easter eggs throughout the app to
encourage discovery
Overview
Lululemon guests today expect brands to adapt to seasonality yet the Guest App - with 3 million MAU & 40% of online revenue- remains static year-round; leading to missed opportunities for deeper guest engagement during key festive moments like Holiday.
Solution
20+ festive micro-interaction effects for iOS guests to foster emotional connections to the brand and drive up engagement for the holiday period.
Impact
3.5m Monthly active users expected as a result of holiday festive campaign.
3m new downloads expected as part of holiday push
particle GREETER
Particle burst as guests navigate into on the gift guide screen
MOTION-DRIVEN IRIDESCENCE
Iridescence on campaign cards that feature the Holiday Gift Guide
MOTION-DRIVEN IRIDESCENCE
Iridescent sparkles on the main, text and CTA
Festi-fy the Holiday Gift Guide Screen
MOTION-DRIVEN
IRIDESCENCE
Iridescent shine
on the lululemon
logo within the membership pass
particle GREETER
A particle trail on the add-to-bag animation once a guest adds a product to their cart
Iridescent
Micro-interactions
particle GREETER
Easter egg snowglobe effect as guests tilt their devices. Utilizing iPhone gyroscope.
particle GREETER
Particles around progress bar to evoke shine and sparkle.
Used timeline based effects in iOS SwiftUI.
Effects that
pushed technical boundaries
Design Approach
Iridescence
The core visual motif, identified from brand creative, that was infused into all interaction treatments. The alteration of light became the running thread through all interactions.
Motion-driven Effects
Using native iOS capabilities opened the door to powerful emotional experiences. Time was spent prototyping in Play & SwiftUI to test how gyroscope could be used.
Design Objectives
High Traffic
Develop interaction effects on high traffic
pages to ensure there’s a clear ROI.
Low Friction
Ensure Elements aren’t disruptive to the
overall experience nor hinder guests from
making a purchase.
Fun
Evoke a sense of joy, delight and play that
guests would want to share with others.
Hide enough easter eggs throughout the app to
encourage discovery
Overview
Lululemon guests today expect brands to adapt to seasonality yet the Guest App - with 3 million MAU & 40% of online revenue- remains static year-round; leading to missed opportunities for deeper guest engagement during key festive moments like Holiday.
Solution
20+ festive micro-interaction effects for iOS guests to foster emotional connections to the brand and drive up engagement for the holiday period.
Impact
3.5m Monthly active users expected as a result of holiday festive campaign.
3m new downloads expected as part of holiday push
Festi-fy the Holiday Gift Guide Screen
MOTION-DRIVEN IRIDESCENCE
Iridescence on campaign cards that feature the Holiday Gift Guide
particle GREETER
Particle burst as guests navigate into on the gift guide screen
Iridescent
Micro-interactions
MOTION-DRIVEN IRIDESCENCE
Iridescent shine on the lululemon logo within the membership pass
PARTICLE gREETER
A particle trail on the add-to-bag animation once a guest adds a product to their cart
Iridescent
Micro-interactions
MOTION-DRIVEN IRIDESCENCE
Iridescent shine on the lululemon logo within the membership pass
PARTICLE gREETER
Particles around progress bar to evoke shine and sparkle. Used timeline based effects in iOS SwiftUI.
Design Approach
Iridescence
The core visual motif, identified from brand creative, that was infused into all interaction treatments. The alteration of light became the running thread through all interactions.
Motion-driven Effects
Using native iOS capabilities opened the door to powerful emotional experiences. Time was spent prototyping in Play & SwiftUI to test how gyroscope could be used.
Design Objectives
High Traffic
Develop interaction effects on high traffic
pages to ensure there’s a clear ROI.
Low Friction
Ensure Elements aren’t disruptive to the
overall experience nor hinder guests from
making a purchase.
Fun
Evoke a sense of joy, delight and play that
guests would want to share with others.
Hide enough easter eggs throughout the app to
encourage discovery