Seyitan Oke's Product Design Portfolio

thisisoke

Festive delight for Lululemon guests

Lululemon Athletica

Role: iOS Product Designer

Contribution: Visual Design, Interaction Design, Advanced Prototyping

Project Outcomes:

+ Increased guest engagement with interaction design for 3.5 million iOS users.

+ Kick-started advanced prototyping design practice in SwifUI engineering

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.

GOAL

"How might we bring the excitement of the season to the shopping experience to help guests feel a bit more joy?"

SOLUTION

20+ festive micro-interaction effects for iOS guests to foster emotional connections to the brand and drive up engagement for the holiday period.

DESIGN OBJECTIVES

High Traffic

Develop interaction effects on high traffic screens to ensure there’s a clear ROI.

Low Friction

Apply non-disruptive treatments so guest conversion are not hindered

Evoke Joy

Evoke a sense of joy, delight and play that
guests would want to share with others.

Understanding the User Journey

Deeply understanding the current guest shopping journey to identify high traffic opportunities.

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.

Iridescence & particle effects

The core visual motif, identified from brand creative, that was infused into all interaction treatments.

Refraction, reflection, and alteration of light became the running thread through all interactions.

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

Demo- Page Transition Interactions

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

MOTION-DRIVEN IRIDESCENCE

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

Demo- Micro Interactions

MOTION-DRIVEN IRIDESCENCE

Particles around progress bar to evoke shine and sparkle. Using timeline effects in iOS SwiftUI.

Demo- Easter Eggs

MOTION-DRIVEN IRIDESCENCE

Easter egg snowglobe effect as guests tilt their devices. Utilizing iPhone gyroscope.

Even with Iridescent text effect. Accessibility controls were built into the app to allow users to toggle motion off and increase text contrast.

Accessibile Iridescence

Contact Seyitan to keep reading

Contact →

Connect via

Mail

Follow on

Threads

Connect via

Mail

Follow on

Threads

Overview

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.

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.

GOAL

GOAL

"How might we bring the excitement of the season to the shopping experience to help guests feel a bit more joy?"

"How might we bring the excitement of the season to the shopping experience to help guests feel a bit more joy?"

SOLUTION

SOLUTION

20+ festive micro-interaction effects for iOS guests to foster emotional connections to the brand and drive up engagement for the holiday period.

DESIGN OBJECTIVES

DESIGN OBJECTIVES

High Traffic

Develop interaction effects on high traffic screens to ensure there’s a clear ROI.

Develop interaction effects on high traffic screens to ensure there’s a clear ROI.

Low Friction

Apply non-disruptive treatments so guest conversion are not hindered

Evoke Joy

Evoke a sense of joy, delight and play thatguests would want to share with others.

Evoke a sense of joy, delight and play thatguests would want to share with others.

Understanding the User Journey

Deeply understanding the current guest shopping journey to identify high traffic opportunities.

Deeply understanding the current guest shopping journey to identify high traffic opportunities.

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.

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.

Iridescence & particle effects

The core visual motif, identified from brand creative, that was infused into all interaction treatments. Refraction, reflection, and alteration of light became the running thread through all interactions.

Contact Seyitan to keep reading

Evoke a sense of joy, delight and play that
guests would want to share with others.

Evoke a sense of joy, delight and play that
guests would want to share with others.

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.

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.

The core visual motif, identified from brand creative, that was infused into all interaction treatments.

Refraction, reflection, and alteration of light became the running thread through all interactions.