Project Quote
March 2026
FARO
Website
Front-end & backend development for a new www.faro.studio website built as an Alpine.js Single Page Application. Implementation of site design by spreeeng studio.
Greendev Ltd & Codev Limited
Marc Sutton & Lucho Rabuffetti
Prepared for
FARO Studio
01
Project Overview

Redevelopment of the FARO website as a Single-Page Application (SPA). This modern architecture decouples the front-end from the WordPress backend, allowing for a highly performant, immersive user experience.

The primary advantages of the SPA approach for FARO include:

02
SEO Optimization

To ensure that the move to an SPA does not impact search visibility, we implement Headless SEO best practices:

03
Team
Lucho Rabuffetti
Front-End — Alpine.js SPA
Front-end developer specializing in reactive interfaces and lightweight JavaScript frameworks. Lucho focuses on translating designs into fluid digital experiences. He is currently working on producing templates for NGO-specific CMS platforms dedicated to campaigning and advocacy. See his current work at lucianorabu.github.io
Marc Sutton
Backend & CMS — WordPress
Backend development, CMS architecture, and API design. Marc is a full-stack engineer with 20 years’ experience and a first-class Computer Science degree from Cambridge. Codev’s clients include LEGO, UCL, and Hasbro. www.codev.uk
04
Scope of Work
SPA Navigation
Persistent, non-reloading header and footer featuring multi-timezone clocks, FARO TV link, and EN/ES toggle.
Home
Full landing experience implementation as per spreeeng studio designs.
Work
Filterable selected projects with case study pages and image-focused archive listing.
Responsive Design
Fully fluid layout optimized for diverse screen sizes (Desktop, Tablet, and Mobile).
Languages
Full EN/ES support throughout, including backend admin changes to manage and edit translations.
SEO
Implementation of SSR/Pre-rendering and dynamic metadata management for indexability.
Backend
Mapping of existing WordPress data to the new SPA front-end via REST API.
About
About section, contact details, and integrated inquiry forms.
05
Delivery Phases

Our workflow is designed around continuous feedback. This allows FARO to report feedback and request refinements between phases, which we then implement in parallel with the work on the following phase.

Precondition The project timeline begins once the final desktop & mobile design PDF is received from spreeeng studio.
1

Foundation: Weeks 1–2

Header/Footer SPA shell, design system setup, and initial page structure.

Ends with: Check-in 1
2

Core Build: Weeks 3–4

Work/Project listings and Home page. Refinements from Phase 1 integrated here.

Ends with: Check-in 2
3

Review & Refine: Weeks 5–6

Integration of remaining pages and global refinement based on all client feedback.

Ends with: Check-in 3
4

Launch: Weeks 7–8

Final SEO validation, deployment, and official handover.

Ends with: Go Live
06
Investment
Total Project Cost
£9,000
20 days × £450 per day — Includes Feedback
20Days of development including iterative feedback loops
3Major check-in and review points
1Post-launch review day (within 6 months)
07
Terms & Exclusions
Acceptance
For and on behalf of FARO
Date
For Greendev Ltd & Codev Limited
Date