Six phases to launch your website.
We use the same system on every project. Each phase explains the work and what we need from you, so you can follow the project through to launch.
Your brand identity defined before anything is built.
We build your full brand identity before designing the website. That includes your brand story and personality, as well as your tone of voice and logo. The website design then follows the approved brand.
WHAT WE DO
- Brand story & positioning
- Logo & visual identity
- Tone of voice & messaging
- Colour system & typography
- Brand guidelines document
WHAT YOU DO
- Fill intake form (30 min)
- Review + approve brand
- One round of revisions
DELIVERABLE
You receive the logo, colour system, typography, tone of voice guidelines, and a complete brand document. You can share the document with any designer or developer. Your printer can use it too.
Your product designed to the pixel before code is written.
We turn your brand into a complete design system for every page. It includes the components and their different states, with exact specifications for developers.
WHAT WE DO
- Design tokens
- UI elements
- Component library
- Full page system
- Design specifications
WHAT YOU DO
- Review page designs
- Approve or request changes
- Provide any existing images or assets
DELIVERABLE
You receive a complete page-by-page design file covering every section and component, including all their states. The file is signed off before development starts.
Every word on your site, written before the build begins.
We write the website copy before development starts. It covers headlines, body text, calls to action and microcopy, along with SEO metadata. We use your brand voice and write for your audience, with the website's goals in mind. You review a staging site with the finished copy in place.
WHAT WE DO
- Audience & tone research
- Page Copy
- Microcopy
- Meta titles & descriptions
- 404 & legal pages
WHAT YOU DO
- Share brand inputs & tone notes
- Review draft copy
- Approve or request revisions
DELIVERABLE
Your complete copy document covers every page and section, including form labels and all SEO metadata. It is ready for the build.
Your frontend, built to the pixel. Before any backend is written.
We build your approved designs as production-ready Next.js pages. The build includes the components and interactions, with layouts adapted to every breakpoint. Your staging frontend is available before backend development starts.
WHAT WE DO
- Setup
- Pages
- Components
- Accessibility (WCAG 2.1 AA)
- Responsive
- Handoff
WHAT YOU DO
- Review staging frontend
- Approve page by page
- Flag any changes needed
DELIVERABLE
You receive a pixel-perfect frontend on staging, with all pages live and every breakpoint tested. Every page is WCAG 2.1 AA certified.
Ready to rank from day one.
We implement technical SEO within the website's structure. This covers schema markup, heading hierarchy, Core Web Vitals, the sitemap, and mobile-first indexing. The codebase is prepared for search engines to read and index at launch.
WHAT WE DO
- Base Setup
- On-Page SEO
- Open Graph
- Performance
- Schema Markup
WHAT YOU DO
- Nothing. This runs in parallel.
DELIVERABLE
Your codebase has the technical SEO setup in place for Google to find and read your site at launch.
Your website, live. Production-ready from the first deploy.
We build and connect the Supabase database and authentication. Sanity CMS is connected to the website, and deployment is handled through Vercel. We test integrations and edge cases before launch. You receive access to the live website.
WHAT WE DO
- Hosting & Deployment
- Sanity CMS
- Supabase
- Forms & CRM
- E-commerce
- Analytics & Go-Live
WHAT YOU DO
- Test the staging site
- Final approval before launch
DELIVERABLE
Your website is live on your domain. You receive CMS access and retain full ownership.
Plan your website project.
Book a free discovery call to discuss your project and where to start. We'll give you a clear scope and price.