Skip to content
EN ↓
DevelopmentAnimations

Swypes: a Webflow build from a PDF layout

Webflow build for a brand of customisable phone screen cleaners. The design came as a PDF, not a Figma file.

Services
Webflow build, animations, interactions
Stack
Webflow, custom JS

Task

The client had the design only as a PDF. It had to become a working, responsive site with lively animations and a clear path from the product to the order.

Solution

I rebuilt every screen from the PDF in Webflow, without a Figma file to measure from.

  • Pixel careful layout recreated from a PDF, for desktop, tablet and phone.
  • Animations and transitions between sections.
  • Logic for the different products and order options.
  • Optimisation of images and scripts.