Creative Direction
Illustration
Animation
The Project
BestVPN approached our agency to create a microsite that would drive organic traffic while educating users on what a VPN is and why it matters. The challenge was making a technical, often misunderstood product feel approachable, engaging, and worth reading. We set out to build something that felt less like a product page and more like an editorial experience.
Taking inspiration from scroll-driven storytelling by The New York Times, Complex, and Time, we landed on a concept rooted in Black Mirror, one of the most talked-about shows at the time. The premise: what would have happened in these episodes if the characters had used a VPN? The framework gave us a narrative hook that made the content genuinely interesting while keeping SEO goals front and center.
My Role
I led creative direction, UX, and all visual design for the project. I developed the concept, wrote the storyboards, created all illustrations and iconography, and designed every interaction and animation spec in Figma. The experience was complex: elements appeared and exited on scroll, objects animated on click, text moved through the viewport, and assets flew in across multiple scroll states, all building toward a final CTA.
I worked closely with engineering throughout development to refine animations and ensure the interaction model held up in code. From look and feel through final QA, I owned the design end to end.
We developed four episode concepts. The client selected two for production.
My Role
UX: User flows, interaction specifications, responsive design, QA
UI: Mid and high fidelity mocks, design specifications, illustration, asset creation, animation direction, responsive layouts, QA
The Result
The final experience combined editorial storytelling, SEO-optimized content, and immersive interaction design into a single cohesive product. Two of four episode concepts were selected for production and launched to the public, hitting target SEO metrics and click-through goals for the client.
