Terracotta atelier / architectural editorial

A website design and development proposal for an architecture studio that wants commercial work but attracts small home projects. It covers enquiries by project type, a site that leads with the work, the six page types, what is included, an eight-week timeline, the team, a similar studio’s results and three one-time options.

Website Design and Development Proposal

<h1 style="text-align:left;font-weight:400;line-height:1.05;letter-spacing:-0.035em"><span style="font-size: max(18px, clamp(30px,9.2cqw,64px))">Website design<br>&amp; development<br><em>Proposal</em></span></h1>

<p style="text-align:left;font-size:18px;line-height:1.5">Prepared for {{CLIENT_COMPANY}}<br>by {{SELLER_COMPANY}}</p>

Website Design & Development Proposal

<h2 style="font-weight:400;line-height:1.06;letter-spacing:-0.025em"><span style="font-size:clamp(28px,3.8cqw,44px)">Thank you for showing us the studio</span></h2>

Introduction

<h2 style="font-weight:400;line-height:1.06;letter-spacing:-0.025em"><span style="font-size:clamp(28px,3.8cqw,44px)">Where the website stands</span></h2><p style="font-size:clamp(20px,2.1cqw,23px);line-height:1.5">From your enquiry inbox and our review of the current site.</p>

Enquiries last year, by project type

<p>The site shows nine projects, most of them houses, and none from the last three years.</p>

Nothing recent is shown

<p>The form asks only for a name and a message, so every enquiry needs a call to qualify.</p>

The form does not filter

<p>Adding a project takes your office manager most of a day in Squarespace.</p>

It is hard to update

Your situation

<h2 style="font-family:var(--proposal-font-accent);font-weight:500;line-height:1.14"><span style="font-size:clamp(30px,4.2cqw,52px)">We recommend a site that leads with your commercial work and asks every enquiry for its type and budget.</span></h2><p style="font-size:clamp(20px,2.1cqw,23px);line-height:1.5">Built in Webflow, so your team publishes new projects without us.</p>

Our recommendation

<h2 style="font-weight:400;line-height:1.06;letter-spacing:-0.025em"><span style="font-size:clamp(28px,3.8cqw,44px)">The new site</span></h2><p style="font-size:clamp(20px,2.1cqw,23px);line-height:1.5">Six page types, each with one job.</p>

<p>Three recent commercial projects and one line on what you do.</p>

Home

<p>All work, filtered by sector, with 24 projects at launch.</p>

Projects

<p>Photos, plans, size, budget band and your role on each project.</p>

Project pages

<p>The partners, the team and the way you work with clients.</p>

Studio

<p>Your five stages, from first brief to handover.</p>

Approach

<p>Project type, location and budget, sent to the right partner.</p>

Enquiry

The new site

<h2 style="font-weight:400;line-height:1.06;letter-spacing:-0.025em"><span style="font-size:clamp(28px,3.8cqw,44px)">What is included</span></h2><p style="font-size:clamp(20px,2.1cqw,23px);line-height:1.5">Everything the fixed fee covers, and what it does not.</p>

Workshop, sitemap and content plan

Designs for six page types, on desktop and phone

Webflow build with a projects collection

24 project pages set up from your photos and notes

Enquiry form that routes by project type

Redirects, page titles and analytics

Training for two editors and 30 days of fixes

New photography or copy written from scratch

Webflow hosting, about $40 a month, paid by you

What is included

<h2 style="font-weight:400;line-height:1.06;letter-spacing:-0.025em"><span style="font-size:clamp(28px,3.8cqw,44px)">Eight weeks to launch</span></h2><p style="font-size:clamp(20px,2.1cqw,23px);line-height:1.5">Work starts on {{START_DATE}}. You approve each stage before the next begins.</p>

<p>A workshop with the partners to agree the pages and the projects to show.</p>

Brief and sitemap

<p>Home, projects and a project page first, then the rest.</p>

Design

<p>The Webflow build, with your 24 projects added as photos arrive.</p>

Build and projects

<p>Your review, fixes, redirects and editor training, then go live.</p>

Review and launch

Timeline

<p>{{SELLER_NAME}} runs the workshop and the reviews, and is your contact throughout.</p>

Project lead

<p>Designs the six page types and art directs your project photos.</p>

Designer

<p>Builds the site, the projects collection and the enquiry routing.</p>

Webflow developer

Your team

<h2 style="font-weight:400;line-height:1.06;letter-spacing:-0.025em"><span style="font-size:clamp(28px,3.8cqw,44px)">Results for a similar client</span></h2><p style="font-size:clamp(20px,2.1cqw,23px);line-height:1.5">An interior design studio, and its first quarter after launch.</p>

Results for a similar client

<h2 style="font-weight:400;line-height:1.06;letter-spacing:-0.025em"><span style="font-size:clamp(28px,3.8cqw,44px)">Options and fees</span></h2><p style="font-size:clamp(20px,2.1cqw,23px);line-height:1.5">Three options. We recommend Studio site.</p>

A new design and build, with 12 projects moved across.

Portfolio site

Studio site

Plus eight project stories written from interviews with your partners.

Studio site and project stories

<p>Fees are in USD and exclude tax. Webflow hosting and any paid fonts are billed to your account. This proposal is valid until {{VALID_UNTIL}}.</p>

Options and fees

<h2 style="font-weight:400;line-height:1.06;letter-spacing:-0.025em"><span style="font-size:clamp(28px,3.8cqw,44px)">Common questions</span></h2>

Questions

<h2 style="font-weight:400;line-height:1.06;letter-spacing:-0.025em"><span style="font-size:clamp(28px,3.8cqw,44px)">Next steps</span></h2><p style="font-size:clamp(20px,2.1cqw,23px);line-height:1.5">How we start.</p>

<p>Pick an option and any extras, then accept on this page.</p>

Choose an option and accept

<p>In the first week we agree the pages and the projects to show.</p>

Partner workshop

<p>At the end of week three you review the home, projects and project page designs.</p>

First designs

<p>Questions? Contact <strong>{{SELLER_NAME}}</strong> at {{SELLER_EMAIL}}</p>

Website Design and Development Proposal - Preview