Pay-per-Section Pricing

Starting at

$

750

About this service

Summary

Pay-per-Section
Websites usually vary in size and complexity. This is the reason why I offer my web design services in the form of a very transparent pay-per-section pricing model.
How does it work?
The pricing of your website design or Framer development consists of a base price + a fixed flatrate for every section.
Figma:
Base Price: $500,- Price per Figma Section: $250,-
What is the base price?
The base price includes the initial project briefing, setting up the Figma file, defining breakpoints, text styles and color styles and/or variables.
Every section includes:
3 fully designed breakpoints (Desktop, Tablet, Mobile)
The entire design for the section, no matter it's visual complexity
Reusable elements are being built as components with properties and variants where applicable
Framer:
Base Price: $500,- Price per Section: $350,-
What is the base price?
The base price includes the initial project briefing, setting up the Framer file, defining grids, text styles, color styles, as well as adding all project metadata (description, social image, favicon, etc.).
Every designed section includes:
3 fully developed breakpoints (Desktop, Tablet, Mobile) based on your delivered website design in Figma
The entire Framer nocode development of the section, including meaningful effects like scroll animations and transforms
Reusable elements are being built as components where applicable
Please note: Any functionality that is not possible with Framer's built-in tools and which requires real coding is not part of the flatrate pay-per-section pricing.
FAQ
What exactly defines a section?
A section on a website refers to a distinct and organized part of a website that typically contains related content. Each section serves a specific purpose in delivering information or engaging visitors. Examples for sections are navigation bars, headers, introduction, featured products or services, customer testimonials, a contact form, and more.
What if it's not clear what's a section and what's not?
In most cases it will be perfectly clear to separate where one section ends and where another begins. But in case it is not, we will talk about it and define it together.
In the Figma file, every section will be wrapped in it's own frame as well so that it's easy to distinguish them from one another.
Do you charge for reusable sections as well (e.g. Footers, reusable Call to Actions,…)?
No. Sections like Footers, Navigation Bars, or other reusable page sections are being built as components. Therefore they'll only be charged once.
How many revisions are included?
3 revisions per section are included. But don't worry – since this is per section and per platform (Figma or Framer), you'll definitely get a perfectly refined product :)
What if I need more than 3 breakpoints?
For most websites, 3 breakpoints for Desktop, Tablet and Mobile will be just fine. If you need additional breakpoints, then let's talk about it.

What's included

  • Figma File

    A single Figma file (*.fig) with your website design. Working directly in your Figma workspace is also possible, but requires full payment upfront.

  • Framer Remix Link

    A Framer Remix link with your completed project for you to take over and host.

Recommendations

(5.0)

His deep understanding of Framer, his focus and profession in UI & UX Design plus his knowledge in programming, were very beneficial for our project. He is an absolute pro in Framer, and even for things that were testing out the limits of Framer, he delivered perfect solutions. Always executed with the eye of a great designer and UX-designer. He brought our project to the next level. It was a delight to work with Thomas. I highly recommend working with him. 10/10!


Duration

1-2 weeks

Skills and tools

Web Designer
Product Designer
Framer Designer
Figma
Framer

Work with me