CS-00Services Parts register

Services— website design & development, web apps and 3D/WebGL

Four services. One standard. Every project starts with a written spec and ships inside agreed tolerances for speed, accessibility and SEO. The person on your first call designs it and writes the code.

Start a project See the tolerances

01Parts register

Four services. One standard.

Each service is specified like a part: what it's made of, who it's for and the tolerances it ships inside. Hover a deliverable to find its plate in the exploded view.

Sheet 01 / 04Website redesign and development

CS-01 · Websites & redesigns

New marketing sites and full redesigns that load fast, rank well and stay easy for your team to edit. Audit first: we keep what works, measure what doesn't, and move your search rankings over with a complete redirect map.

Deliverables · 06

01Written spec with performance, accessibility and SEO budgets
02Design system (type, colour, components, motion) built in code
03Astro build with a headless CMS your team can edit
04SEO migration: redirect map, metadata, schema, sitemap
05Core Web Vitals and Lighthouse report at handover
06Handover docs and a 30-day fix window

Websites & redesigns: full spec

Part: CS-01
Ideal for: Startups and SaaS companies whose site is slow, dated or hard to update, and brands launching a new product or rebrand.
Tolerances: LCP ≤ 2.0 sCLS ≤ 0.05INP ≤ 200 msLighthouse ≥ 95WCAG = 2.2 AASEO = Complete
Stack: Astro · TypeScript · Headless CMS

Sheet 02 / 04Web application development

CS-02 · Web apps & platforms

Dashboards, customer portals, SaaS front-ends and internal tools. Typed, tested, documented and designed around the one task people open them for.

Deliverables · 06

01Product spec and interaction prototype
02Component library and design tokens
03TypeScript front-end (React/Astro islands or your existing stack) with tests
04API integration, auth and role handling
05Accessibility pass (WCAG 2.2 AA)
06Architecture notes and a clean handover to your team

Web apps & platforms: full spec

Part: CS-02
Ideal for: Seed to Series B product teams that need a senior design engineer to build, extend or rescue a web app without hiring a full team.
Tolerances: INP ≤ 200 msCLS ≤ 0.05LCP ≤ 2.0 sWCAG = 2.2 AA
Stack: TypeScript · React · Astro islands

Sheet 03 / 043D and WebGL website development

CS-03 · 3D & WebGL websites

Award-grade interactive work in Three.js and custom shaders: product configurators, scroll-driven stories and launch sites that people remember and that still load fast on a mid-range phone.

Deliverables · 05

01Art direction and interaction concept
02Working WebGL prototype in week one or two
03Optimised models, textures and shaders (capability-gated, lazy-loaded)
04Static and reduced-motion fallbacks
05Performance report on real mid-range devices

3D & WebGL websites: full spec

Part: CS-03
Ideal for: Product launches, hardware and consumer brands, and SaaS companies that want a flagship site without sacrificing speed or SEO.
Tolerances: LCP ≤ 2.0 sCLS ≤ 0.05INP ≤ 200 msFallback = Every scene
Stack: Three.js · GLSL · WebGL

Sheet 04 / 04Website performance optimisation and maintenance

CS-04 · Performance & care

Core Web Vitals rescue, speed and SEO audits, and ongoing care for sites that have slowed down or drifted since launch.

Deliverables · 04

01Performance and technical-SEO audit with a prioritised fix list
02Core Web Vitals fixes (LCP, INP, CLS)
03Monitoring with a monthly measured report
04Monthly care retainer: updates, fixes, small features

Performance & care: full spec

Part: CS-04
Ideal for: Teams with an existing site or app that is slow, failing Core Web Vitals, or needs a reliable senior engineer on call.
Tolerances: LCP ≤ 2.0 sCLS ≤ 0.05INP ≤ 200 msLighthouse ≥ 95SEO = Complete
Stack: Lighthouse · web-vitals · Search Console

02Tolerances

Tolerances we commit to.

Written into every spec. Measured before handover. If a number is outside tolerance, it doesn't ship.

Published budgets · 06 parameters · lab and manual checks
Ref	Parameter	Tolerance	Instrument
T-01	LCPLargest Contentful PaintLab run on the production build of every key template, dated in the handover report.	≤2.0s
T-02	CLSCumulative Layout ShiftNo jumps from fonts, images or animation. Space is reserved before anything loads.	≤0.05
T-03	INPInteraction to Next PaintMeasured on the interactions the spec names: menus, forms, filters, the checkout.	≤200ms
T-04	LighthouseLighthouse performance scoreLab score on the key templates, recorded with the run date. Accessibility, Best Practices and SEO are scored too.	≥95
T-05	WCAGAccessibilityAutomated checks plus a manual keyboard pass, tested against the spec before launch.	2.2 AA	Contrast Keyboard Focus Labels Reduced motion
T-06	SEOSearch migrationEvery old URL mapped, metadata and structured data preserved, sitemap shipped with the build.	Complete	Redirect map Metadata Schema Sitemap

03Engagement models

Three ways to work together.

Every model starts with a written spec, and every price is agreed before work starts. Same axis below, three different shapes of work.

EM-01 · 01 / 03
Fixed-scope project
One written spec fixes the scope, timeline, price and tolerances before design starts. You see a live staging link every week and a short written note every Friday.
Best for
New websites, redesigns with an SEO migration, 3D launch sites.
Pricing
From [Founder to add]
EM-02 · 02 / 03
Build sprints
Blocks of focused build time for product teams with a moving backlog. Each sprint starts with a short written plan and ends with working software on staging.
Best for
Web apps, SaaS front-ends and design systems that keep growing.
Pricing
[Founder to add] per sprint
EM-03 · 03 / 03
Care plan
A monthly retainer after launch: monitoring, a measured monthly report, updates, fixes and small features, from the person who knows the code.
Best for
Live sites and apps that need to stay inside tolerance.
Pricing
[Founder to add] per month

Who's on it

One studio. Specialists by name.

We scope, design and build every project. When a spec needs a specialist, they join by name and role from day one. No account managers. No hand-offs. No mystery subcontractors.

Every projectCrayontFirst call → spec → design → code → handover

When the spec needs it3D artist
When the spec needs itCopywriter
When the spec needs itBackend engineer

04Questions

Before you ask.

Short, factual answers. Anything else, just ask us.

07 questions · answered by the studio

Q.01Who will I actually work with?

The people who design and code your project, directly — on the first call, in the design files and in the code. No account managers. When a project needs a specialist such as a 3D artist, copywriter or backend engineer, we bring in someone we have worked with before, and you'll know their name and role from day one.

Q.02How much does a project cost?

[Founder to confirm] Projects are fixed-price after a written spec. Typical starting ranges: websites and redesigns from {X}, web apps from {Y}, 3D/WebGL sites from {Z}. Care plans are monthly.

Q.03How long does a website or web app take?

[Founder to confirm] Most marketing sites take 4 to 8 weeks, redesigns with SEO migration 6 to 10 weeks, and web app phases 8 to 16 weeks. The spec fixes the timeline before work starts.

Q.04Will a redesign hurt our Google rankings?

Not if it's migrated properly. Every redesign includes a URL audit, a full redirect map, preserved metadata and structured data, and post-launch monitoring in Google Search Console.

Q.05Does 3D/WebGL make a site slow?

It doesn't have to. The page content loads first, 3D loads afterwards only on devices that can handle it, and every scene has a static fallback. Performance targets are agreed in the spec.

Q.06Which technologies do you use?

Typically Astro, TypeScript, React where interactivity needs it, Tailwind CSS, GSAP and Three.js, deployed on Vercel, with a headless CMS for content. Existing stacks are fine for web app work.

Q.07What happens after launch?

You get a dated measurement report, documentation, full ownership of code and accounts, and a 30-day fix window. Monthly care plans cover updates, monitoring and small features.

05 · Work order

Open a work order.

Pick the part and the way you'd like to work. Your brief opens with both filled in, and we reply within one working day.

Order slipWO · CS-01 × EM-01

01 · Part

CS-01Websites & redesignsCS-02Web apps & platformsCS-033D & WebGL websitesCS-04Performance & care

02 · Engagement model

EM-01Fixed-scope projectEM-02Build sprintsEM-03Care plan

Websites & redesigns, as a fixed-scope project.

Start this brief