Web Development
Project Quote
Prepared for: [Client Name] ・ Prepared by: [Your Name]
Introduction
Dear [Client’s Name],
Thank you for the opportunity to quote on [project name or description]. This proposal outlines the scope of work, our development approach, the project timeline, and the investment involved. We’ve included everything you need to review, approve, and get started in one place.
[Your Name], [Your Title]
[Your Contact Information]
Project Overview
What we'll deliver
This proposal covers the design and development of a digital product built to meet your core business objectives — whether that means driving measurable growth, replacing an outdated system, or bringing a new idea to market. Our goal is to deliver a solution that is technically sound, thoughtfully designed, and aligned with your users' needs from day one.
We begin every project with a structured discovery phase to ensure all decisions downstream are grounded in a shared understanding of your goals, users, and constraints.
- Requirements-gathering workshop (up to 2 sessions)
- Sitemap and information architecture
- Technical architecture document and stack recommendation
- Project plan with milestones and communication cadence
- Shared project management board (Notion / Linear)
Our design process is iterative and collaborative. You'll have two formal review rounds built into the design phase before anything moves into development.
- Low-fidelity wireframes for all key pages/flows
- Design system (typography, colours, components)
- High-fidelity mockups in Figma (desktop + mobile)
- Two client review rounds with annotated feedback incorporation
- Handoff-ready Figma file with developer specs
Development follows the approved designs. We work in structured sprints with regular demos so you can review progress in a staging environment throughout the build.
- Front-end development (responsive, accessible)
- Back-end / API development as scoped
- CMS integration and content modelling
- Third-party integrations listed in technical spec
- Staging environment and fortnightly sprint demos
Before handoff, every deliverable goes through a structured QA process including automated checks, manual testing, and a client UAT window.
- Cross-browser and cross-device testing
- Performance and Core Web Vitals review
- Accessibility audit (WCAG 2.1 AA)
- Bug triage and fix cycle
- Stakeholder UAT window (5 business days)
We manage the full launch process and ensure your team has everything needed to own and operate the product after handoff.
- Production deployment and DNS configuration
- SSL, redirect rules, and environment setup
- Technical documentation and README
- 60-minute training session for your team
- 14-day post-launch support window (bug fixes only)
Approach & timeline
How we work
We work in structured two-week sprints with regular check-ins and a shared project management board so you always have visibility on progress and can provide feedback at the right moments. Each phase concludes with a review milestone before the next begins, keeping the project on track and surprises to a minimum.
Phase 1
Discovery & technical planning
DURATION
1 Week
EST COMPLETION
Week 1
Phase 2
UX & Design
DURATION
3 Weeks
EST COMPLETION
Week 4
Phase 3
Development & build
DURATION
6 Weeks
EST COMPLETION
Week 10
Phase 4
Testing & QA
DURATION
2 Weeks
EST COMPLETION
Week 12
Phase 5
Launch & handoff
DURATION
1 Week
EST COMPLETION
Week 13
Technical specifications
Platform & technology
In scope
- Framework: [e.g. Next.js / React]
- CMS: [e.g. Contentful / Sanity / WordPress]
- Hosting: [e.g. Vercel / AWS / Netlify]
- Auth: [e.g. Auth0 / custom session]
- Integrations: [e.g. Stripe, HubSpot, Sendgrid]
- Version control: GitHub (private repo, access shared)
Out of scope
- Ongoing maintenance after 14-day support window
- Content population and copywriting
- SEO strategy and ongoing optimisation
- Paid third-party integrations beyond those listed
- Native mobile application development
- Analytics configuration beyond basic setup
Responsibilities
Who's responsible for what
Client responsibilities
- Provide feedback within agreed review windows (3 business days)
- Supply all brand assets, copy, and imagery before development
- Nominate a single technical point of contact
- Provide access to existing systems and credentials as needed
- Complete UAT within the agreed 5-day window
[Your Company] responsibilities
- Deliver all phases to the agreed specification and timeline
- Maintain code quality standards (linted, documented, tested)
- Two rounds of design revisions included per phase
- Weekly written status updates throughout the engagement
Your Investment
Please contact us with any questions.
Phase breakdown
Description | Item | Quantity | Price |
|---|---|---|---|
Phase 1: Discovery & technical planning Requirements, architecture, project plan | $3,000.00 | $3,000.00 | |
Phase 2: UX & design Wireframes, design system, high-fidelity mockups | $8,000.00 | $8,000.00 | |
Phase 3: Development & build Front-end, back-end, CMS, integrations | $22,000.00 | $22,000.00 | |
Phase 4: Testing & QA Front-end, back-end, CMS, integrations | $4,000.00 | $4,000.00 | |
Phase 5: Launch & handoff Deployment, docs, training, post-launch support | $3,000.00 | $3,000.00 |
Optional add-ons
Description | Item | Quantity | Price |
|---|---|---|---|
Ongoing maintenance & support | $500.00 | $500.00 / month | |
SEO setup & optimisation | $2,500.00 | $2,500.00 | |
Additional Integrations | $3,000.00 | $3,000.00 | |
A deposit of 50% is required to commence work. The remaining balance will be invoiced upon project completion |
Before you send
Connect Stripe to enable payments⚡
To automatically begin billing when this proposal is accepted, you’ll need to connect Stripe to your Qwilr account. QwilrPay collects payment via credit card, ACH direct debit (US), BECS direct debit (Australia), or SEPA direct debit (Europe). Once connected, enable payment collection in the Accept block below. [Connect Stripe →]
To pass Stripe’s processing fees on to your client, set up a custom tax item in your Qwilr tax library — for example, a “Credit Card Fee” line at 2.9% which will automatically calculate against the quote total. [Set up your tax library →]
Note: this block is intended to be deleted before sharing with your client.