Pricing Your First Freelance Project: A Step-by-Step Walkthrough

The Scenario

A potential client just messaged you: "I need a website for my small bakery. Can you give me a price?" This is the moment most new freelancers fumble. You feel pressure to respond fast, throw out a number that sounds reasonable, and hope for the best. That approach almost always leaves money on the table or scares the client away.

Here is what actually happened to trigger this guide. A freelance web developer with six months of experience received exactly this inquiry from a local bakery owner. The bakery needed a 5-page WordPress website with a homepage, about page, menu page, catering inquiry form, and contact page. The client wanted it done in three weeks and had "a budget around $2,000." The developer had no idea whether $2,000 was fair, too low, or too high.

Instead of guessing, the developer followed the process you are about to learn. By the end of this walkthrough, you will know how to take any first inquiry and turn it into a confident, professional quote that protects your time and earns the client's trust. Every step uses real numbers from this bakery website project so you can see exactly how the math works.

The five steps are: understand the scope, estimate hours, calculate your rate, build the quote, and send it with confidence. Each step builds on the last. Skip one and your price will be either too high or too low. Follow all five and you will quote like a freelancer with years of experience.

Understand the Scope

Scope is the single biggest factor in your price. Ask five specific questions before you quote anything.

Question 1: What pages or screens do you need? The bakery owner listed five pages: Home, About, Menu, Catering Inquiry, and Contact. Each page is a distinct unit of work. A 5-page site is very different from a 15-page site, so get the exact count.

Question 2: Do you have content ready (text, images, branding)? The bakery owner had a logo and some phone photos but no written copy. This matters because writing copy yourself adds 1-2 hours per page. If the client supplies polished content, your workload drops significantly.

Question 3: Do you need any special functionality? The catering inquiry form needed to collect event date, guest count, dietary restrictions, and send an email notification. This is a moderately complex form, not just a name-and-email contact form. Special functionality like e-commerce, booking systems, or membership areas can double or triple the project cost.

Question 4: What is your deadline? The client wanted three weeks. That is tight but not a rush. If the client had said "I need it in five days," you would add a rush fee. Three weeks is workable for a 5-page site if you allocate about 8-10 hours per week.

Question 5: Do you have examples of sites you like? The bakery owner shared three competitor websites. This gave immediate clarity on the expected design quality, layout complexity, and feature set. It is worth more than thirty minutes of back-and-forth about abstract preferences.

After these five questions, you have a clear mental picture of the project. Write it down in a one-paragraph scope summary before moving to the next step. For the bakery: "5-page WordPress website with custom theme, bakery menu display, catering inquiry form with email notifications, responsive design, and basic SEO setup. Client provides logo and raw photos; developer handles copy assistance and image optimization."

Estimate Hours

Break the project into phases and estimate hours for each one. Then add a 20% buffer because things always take longer than you think.

Phase 1: Setup and Planning (3 hours). This includes installing WordPress, configuring hosting, setting up a development environment, selecting and installing a theme, and planning the site structure. Even if you have done this dozens of times, allocate 3 hours.

Phase 2: Design and Layout (8 hours). Custom homepage layout, inner page templates, mobile responsiveness testing, and matching the client's brand colors and fonts. For a bakery site with a visual menu page, design takes more time than a simple text-heavy service site.

Phase 3: Content and Media (5 hours). Writing or editing copy for 5 pages, optimizing photos, creating the menu display, and building the about page story. Since the client only has raw photos, budget time for cropping, color-correcting, and compressing images.

Phase 4: Functionality (4 hours). Building the catering inquiry form with conditional fields, setting up email notifications, testing form submissions, and adding basic SEO (meta titles, descriptions, sitemap).

Phase 5: Testing and Launch (3 hours). Cross-browser testing, mobile testing on real devices, speed optimization, client walkthrough, DNS configuration, and launch.

Subtotal: 23 hours. Now add the 20% buffer: 23 x 1.2 = 27.6 hours, rounded to 28 hours.

The buffer covers the inevitable surprises: the client's hosting provider has a weird cPanel configuration, one of the photos is too low-resolution and needs replacing, the form plugin conflicts with the theme, or the client adds "one small thing" during review. Without the buffer, you will end up working those extra hours for free.

New freelancers consistently underestimate by 25-40%. The 20% buffer is a minimum. If this is your very first project, consider 30%.

Calculate Your Rate

Your hourly rate is not a random number. It is a calculation based on your income goal, billable hours, and overhead costs.

Start with your annual income goal. For a new freelancer targeting a modest $55,000 per year, work backward. You will not bill 40 hours a week. Freelancers spend roughly 40% of their time on non-billable work: marketing, admin, invoicing, learning, and communication. That leaves about 24 billable hours per week, or roughly 1,150 billable hours per year (accounting for vacation and sick time).

Divide your income goal by billable hours: $55,000 / 1,150 = $47.83 per hour. Round to $48.

Now add overhead. The standard overhead rate is 20%, covering software subscriptions, internet, equipment depreciation, health insurance contributions, and self-employment tax. $48 x 1.2 = $57.60 per hour. Round to $58.

Check this against market rates. Entry-level web developers in the US typically charge $50-$85 per hour. At $58, you are in the lower-middle range, which is appropriate for someone with six months of experience. If you were in a high-cost city like San Francisco or New York, you would push toward $70-$85.

Now multiply your rate by your estimated hours: $58 x 28 hours = $1,624. This is your cost-based floor. You should not charge less than this.

Compare to the client's stated budget of $2,000. You have $376 of room above your floor. You could price at $1,800-$2,000 and still exceed your minimum while staying within the client's expectations. For this walkthrough, we will quote $1,950, which gives you a healthy margin and leaves the client feeling they got a fair deal.

Use the whatshouldicharge.io calculator to run these numbers in seconds instead of doing them by hand. Plug in your profession, experience level, and location, and the tool gives you a market-validated rate range.

Build the Quote

A professional quote has five sections: project summary, scope of work, timeline, pricing, and payment terms. Here is exactly what the bakery website quote looks like.

Project Summary: "Development of a 5-page responsive WordPress website for Portland Bakery Co., including custom design, menu display, catering inquiry form, and launch support."

Scope of Work: List every deliverable so there is zero ambiguity. "Homepage with hero image slider and featured items. About page with owner story and bakery history. Menu page with categorized items and prices. Catering inquiry form with event details, guest count, dietary options, and automated email notification. Contact page with embedded Google Map, hours, and phone number. Responsive design for mobile and tablet. Basic on-page SEO setup. 30-minute training session on updating menu items."

Notice the training session. Adding a small bonus deliverable that costs you 30 minutes but saves the client hours of confusion builds enormous goodwill and justifies your price.

Timeline: "Week 1: Setup, design mockups, and client approval. Week 2: Development, content integration, and form setup. Week 3: Testing, revisions (2 rounds included), and launch." Specifying "2 rounds of revisions" is critical. Without this, clients will request unlimited changes.

Pricing: "Project total: $1,950. This includes all deliverables listed above and two rounds of revisions. Additional revision rounds are billed at $58 per hour." Showing the hourly rate for extras gives the client a clear picture of what "more" costs.

Payment Terms: "50% deposit ($975) due upon project start. Remaining 50% ($975) due upon launch approval." Never start work without a deposit. The standard is 50% upfront for projects under $5,000. For larger projects, use a three-payment structure: 40% upfront, 30% at midpoint, 30% at launch.

Send the quote as a PDF with your logo, not as a casual email. Professional presentation signals professional work.

Key Takeaways

Pricing your first project is not about finding the perfect number. It is about following a repeatable process that gives you a defensible number every time.

Ask five scope questions before you even think about a price. The answers shape everything: hours, complexity, and deliverables. Do not skip this step because you feel pressure to respond quickly. Clients respect professionals who ask smart questions.

Estimate hours by breaking the project into phases. Never estimate the whole project as one lump. Phases give you accuracy and make your quote transparent to the client. Add a 20% buffer minimum because your estimates will be wrong in the beginning, and that is normal.

Calculate your rate from real numbers: income goal, billable hours, and overhead. Then validate against market rates for your profession and location. If your calculated rate is below the market floor, raise it. If it is above the ceiling, make sure your experience justifies the premium.

Build the quote with all five sections. The quote is not just a price; it is a contract-lite document that sets expectations, limits scope, and protects both you and the client. Every deliverable listed is something you agreed to do. Everything not listed is out of scope.

This process works for a $1,950 bakery website and a $50,000 enterprise application. The scale changes, the steps do not. Practice it on your next three projects and it will become second nature.

One final point: the client's stated budget of $2,000 was close to the price this process produced. That is not always the case. Sometimes your calculated price is double the client's budget. That is fine. Either negotiate the scope down to fit their budget, or walk away knowing your price is fair. Never discount your rate just because a client has a lower budget. Reduce scope instead.