Resquad · Internal Preview

Website Design Process

Design and front-end of the Resquad website, built on the client's prototype for an English-speaking audience

Work plan Epics as tabs with a board underneath: to do · review · done. Definition of done, stories, tasks and questions in one place, progress counted automatically Client brief What the client asked for, in writing: goals, audience, structure, constraints and the decisions already made

Where to go

Client · reference

Client prototype

Built by the client in Lovable, opens without sign-in. Structure and texts are final and come from the client; we bring the stack, the concept, the design and the build.

Open prototype Concept

Design concept

Homepage concepts on top of the prototype's structure, each as its own page, plus the references board and the early directions.

Open Foundations

Design system

Tokens and the component kit with every state: the single source of truth for the design and the build.

Open Planned

Test build

Every screen designed and built, responsive on all devices, green on Core Web Vitals.

Soon

Process

Earlier versions of the homepage concept, kept for the record. The live ones are in the version pill: 2.1 Room, 0.2 Lines, 0.1 Grey.

0.3 Craft Monochrome, portraits on black 0.4 Craft · BG Found people with colour backgrounds 0.5 Air Lighter type and more air 0.6 Lite Light hero, photos 0.7 Centre Centred, illustrated people 0.8 Split Text left, people in columns right

Client references

From the client's brief (06.10): “the guys really like scale.com”. The other three were picked by the client as well.

Scale AI The team's favourite. Cinematic scroll story: real-world footage turns into layered data, one big claim per screen, proof in numbers and client cases Ironclad Product UI right under the hero, a strip of logos, bold coloured stat cards, sans with an italic serif accent Youtrust Closest to the Resquad palette: dark green with lime accent, workflow cards joined by thin lines on a blueprint grid Carta Editorial serif with mono labels, a wireframe globe of connected nodes, real photos of people

Project stages

  1. 01
    Brief & prototype audit
    In progress
  2. 02
    Stack & concept
    Pending
  3. 03
    Design of all screens
    Pending
  4. 04
    Front-end & responsive
    Pending
  5. 05
    Hosting & launch
    Pending
Stack
To be chosen: the fastest, clearest and simplest solution for the client
Content management
Admin panel, agency-managed, or none: decided with the stack
Production target
Our hosting, chosen with the stack

Internal preview · not for public distribution · © 2026 Resquad