Designing in Framer from the first sketch

Why we skip the static mock-up and build the site we design.

Maya Osei,

· 4 min read

The Verity site, edited by the bakers in Framer

The Verity site, edited by the bakers in Framer

Process

No more handover

A static mock-up looks finished, which makes it easy to approve and hard to build. Something always gets lost in between.

So we stopped making them. The first thing a client sees is a working page in the browser.

Sketch, then build

We still sketch on paper. The moment a layout works on paper, it goes straight into Framer at real size.

Clients review real type, real scrolling and real phones from week one, not week eight.

The site you can keep

At launch the client gets the same file we designed in, with components and styles they can edit.

Our longest-running client has added forty pages since launch without calling us once.

Portrait of Maya Osei, web lead
Portrait of Maya Osei, web lead

Maya Osei

Web lead

More from the journal

Keep reading

Notes on naming, type and launches from the people who do the work.

It’s Wednesday afternoon in Zürich. We’re in.

In the studio today

Portrait of Anna Keller, partner, first calls

Anna Keller

Partner, first calls

Free now

Portrait of Jonas Weber, design director

Jonas Weber

Design director

Free now

Portrait of Maya Osei, web lead

Maya Osei

Web lead

In a workshop

It’s Wednesday afternoon in Zürich. We’re in.

In the studio today

Portrait of Anna Keller, partner, first calls

Anna Keller

Partner, first calls

Free now

Portrait of Jonas Weber, design director

Jonas Weber

Design director

Free now

Portrait of Maya Osei, web lead

Maya Osei

Web lead

In a workshop

It’s Wednesday afternoon in Zürich. We’re in.

In the studio today

Portrait of Anna Keller, partner, first calls

Anna Keller

Partner, first calls

Free now

Portrait of Jonas Weber, design director

Jonas Weber

Design director

Free now

Portrait of Maya Osei, web lead

Maya Osei

Web lead

In a workshop

Create a free website with Framer, the website builder loved by startups, designers and agencies.