A landing page without a template
A landing page is the first commission almost every freelance designer gets, and it is exactly where it shows whether you can think or only move blocks around. We work through a page from the brief and the first screen to the mobile version: why the blocks stand in this order, what to use instead of stock smiles, and how to get the work accepted the first time.
What you will be able to do
8 modules, one project
01 One page — one action2 lessons · 1 h 28 minOpen
What the page is actually meant to achieve, and what a landing page looks like when it has no answer to that question.
02 The order of the blocks2 lessons · 1 h 32 min
We build the structure out of the reader's questions: what is this, why do I need it, why should I trust you, what does it cost, what happens next.
03 The first screen3 lessons · 2 h 20 min
The most expensive part of the work: a headline, a proof and a button that are visible without scrolling.
04 Typography and rhythm2 lessons · 1 h 34 min
A long page is held together by rhythm: sizes, spacing and a repeating step between blocks.
05 Images and texture2 lessons · 1 h 30 min
What to show when there is nothing to show: alternatives to stock and working with poor source material.
06 The form and the call to action3 lessons · 2 h 18 min
The place where the page asks a person to do something: how many fields, what the label says and what happens after they send it.
07 The mobile version2 lessons · 1 h 38 min
Where landing pages break: the first screen on a phone, long headlines, buttons and the order of the blocks.
08 Handover to the client2 lessons · 1 h 40 min
The final module: we put together a package that is accepted the first time and defend the decisions in words.
What you get
Videos with timecodes and a written version, so you can come back to the right technique while working on a commission.
Real pages with their decisions marked up: what works, what gets in the way and which block could have been removed at no cost.
A grid, a scale and text styles for a long page in two versions — desktop and phone.
The questions for the client before the work starts and what goes into the package at handover: layouts, fonts, assets and notes on the decisions.
The whole first module is open
Watch the lessons of the first module and the first task. If the format does not suit you, you have lost nothing.