New Delhi ·  IST

Book a call

Webflow web design planned for the build

Page designs in Figma for phone and desktop, drawn around your real copy and CMS content, and signed off before a single page goes into Webflow.

Price estimate Book a call

Who this is for four common starting points

Most design projects start from one of these.

Already have designs in Figma?

See Figma to Webflow
  1. 01

    No design yet

    You have a brand, or the start of one, and no page designs to build from.

  2. 02

    Your site looks dated

    It works, but it no longer looks like the company you are now.

  3. 03

    You outgrew a template

    Every new page fights a layout that was made for someone else.

  4. 04

    You want design and build together

    One person designs and builds, so nothing gets lost between the two.

Not a fit

If you need an app or software interface designed, a product design team will serve you better. This service covers marketing sites.

What's included in every design

Six things come with every design project, each one planned around how the site will be built.

  1. 01A sitemap and page planEvery page and the job it has to do, agreed before anything is drawn.
  2. 02Wireframes for the key pagesLayout and content order in grey first, so we agree on structure before style.
  3. 03Phone layouts designed tooEvery page drawn at phone and desktop size, not left for the developer to guess.
  4. 04A style guide in FigmaColors, type, spacing and buttons saved as variables and components.
  5. 05CMS templates from real contentBlog post and case study templates drawn with real entries, long titles included.
  6. 06A file any developer can buildNamed layers, hover and empty states, and notes on how things move.

Add to the same project one plan, one person

My other services, quoted together with the design, so nothing gets lost between studios. Switch one on to see it join the plan.

Brand identityA logo, colors and type, set before designWebsite copywritingThe words for every page, written before the layoutWebflow developmentThe approved design built in Webflow
Billed to you directlyOutside my quote, paid straight to the provider
  • Paid fontsDesktop and web licences, only if a paid typeface is chosen
    Paid to the foundry
  • Stock photosOnly if licensed images are chosen
    Paid to the stock library

How a design project runs in four steps

The same four steps every time, each ending with something you can check before the next one starts.

See the full process
01020304
  1. 01

    Review and quote

    I look at your brand, content and goals, then send a written quote.

    You get
    A written quote
  2. 02

    Structure

    The sitemap and grey wireframes for the key pages, built from real copy.

    You get
    Wireframes to approve
  3. 03

    Design

    One key page first to set the look, then the rest in the same system.

    You get
    Page designs
  4. 04

    Sign-off

    You approve the designs, and I prepare the file for the build.

    You get
    An approved Figma file

Related work one build like this one

Identity, design and build
Nicolle Alex Therapy website on desktop and phone

Nicolle Alex Therapy

Brand identity, page design and the Webflow build from one pair of hands, on Client-First with CMS-driven pages.

  • Brand identity
  • Web design
  • Webflow build
Nicolle Alex Therapy
All work
See all Webflow projects

What shapes the timeline and the quote

Every quote is written for the project, starting from my published prices. These four things move it most.

01Unique page designsLayouts count, not total pages. Twenty blog posts share one template.02Starting pointDesigning to an existing brand, or setting the look from scratch.03Rounds of changesTwo rounds of changes are included; more add time.04Illustration and motionCustom icons, illustrations or animation, if the design calls for them.

Designs for a typical 5 to 10 page site take 2 to 5 weeks from signed quote to sign-off.

Price estimate A price range in two minutes. No email needed.

Designs for a typical 5 to 10 page site take 2 to 5 weeks from signed quote to sign-off.

Price estimate A price range in two minutes. No email needed.

Web design questions before you start

Have a question this list misses? Book a call and ask me. You talk to me, not a salesperson.

Do I get the Figma file?

Yes. The file is shared to your Figma team, with components and styles kept tidy so anyone can keep working in it.

Will the design work in Webflow without changes?

That's the point of planning it for Webflow. Layouts use auto layout, spacing comes from a set scale and CMS templates are drawn with real content, so the build doesn't have to reinvent anything.

Can you design to our existing brand guidelines?

Yes. Send the guide and the files. If the website needs something the guide doesn't cover, like a link color or a size for small text, I propose it and you approve it.

Can another developer build the design?

Yes. The file is set up so any Webflow developer can build it. You can also have me build it, so the person who drew each page checks it.

Related services before and after the design

The same person, the same standards, at the stage before this one and after it.

Before the design

Brand identity

A logo, colors and type to design with.

Alongside

Website copywriting

The words, written before the layout.

After sign-off

Webflow development

The approved design built in Webflow.

What will your site cost? Find out in two minutes

Build your estimate

Pick your services, answer a few quick questions and watch the price and timeline build as you go. No email needed to see it.

  • A price range and timeline, worked out from my real prices
  • Fixed price confirmed on a 30-minute call
Price your project

Rather talk it through? Book a call

Web design
Price in two minutesPrice estimate