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 ConceptDesign concept
Homepage concepts on top of the prototype's structure, each as its own page, plus the references board and the early directions.
Open FoundationsDesign system
Tokens and the component kit with every state: the single source of truth for the design and the build.
Open PlannedTest build
Every screen designed and built, responsive on all devices, green on Core Web Vitals.
SoonClient 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
-
01Brief & prototype auditIn progress
-
02Stack & conceptPending
-
03Design of all screensPending
-
04Front-end & responsivePending
-
05Hosting & launchPending