Personal Landing Page in Webflow: Design to Launch by Alex AndrewPersonal Landing Page in Webflow: Design to Launch by Alex Andrew

Personal Landing Page in Webflow: Design to Launch

Alex Andrew

Alex Andrew

The brief

My own landing page, built to do one job: turn a visitor into a booked call. Designed in Figma and built in Webflow so it can be edited without touching code, with the same scroll choreography I use on client sites.

What is on the page

A hero with a gradient headline and a two-state button (hover swaps the label), a three-column services block, a project slider with category tags, education and experience, and a single call to action repeated where it matters. Everything animates on load and on scroll with Webflow interactions: fades, rotations and a scaled-in portrait, tuned so the page still feels fast.

Why Webflow here

Clients who want to edit copy and add projects themselves get a CMS and a visual editor instead of a developer dependency. For brands that need custom 3D or heavier interaction I build in code; for most marketing sites Webflow or Framer is the better trade.

Stack

Figma, Webflow (interactions, CMS-ready structure, responsive breakpoints), Google Fonts, hosted on Webflow.
Like this project

Posted Oct 2, 2026

Figma design built in Webflow with load and scroll interactions, a project slider, services block and one booking call to action. Editable without code.