Work / 03 — Motion · Web

Pop-up Animations

Illustration-led animated promo pop-ups for Vodafone — concept to motion. Each pop-up plays fast, delivers one idea, then settles on a single clear call to action.

Role: UX/UI Designer — end to end
Client: Vodafone Turkey
Platform: Web (responsive)
Scope: Concept, storyboard, illustration, motion timing/easing — Figma Prototype + Procreate

“Select Your Special Number.” Motion carries the concept, then the pop-up resolves to one clear action.

“Red Summer” — loyalty benefits explainer. A sequential reveal keeps a multi-benefit message digestible without a wall of text.

Hand-drawn volleyball good-luck animation for Vodafone’s national team sponsorship — **Women’s National Volleyball Team — homepage good-luck hero.** Hand-drawn frame-by-frame in Procreate for a live Vodafone sponsorship; plays once, then rests.

Case study

Problem

Vodafone's marketing team needed promo pop-ups that grabbed attention on load without slowing the page or annoying users. Static promos were underperforming, and heavy animation assets weren't an option at Vodafone's traffic scale.

Approach

I owned each pop-up end to end — concept, illustration, motion, and CTA states. The rule across all three was “play fast, then anchor”: a short animation delivers the idea, then the pop-up settles on a single clear CTA that deep-links to the relevant landing or app page. Assets were kept performance-light (optimized GIF/SVG) and handed to engineering with integration notes.

Outcome

The animated versions consistently beat their static counterparts, and the approach became a repeatable pattern for campaign promos.

+2–3%

click-through vs. the static promo