Skip to content

WorkDevelopmentBrand

Stack Studio

Our studio's own cinematic site, case studies, services and a guided brief.

Role
Co-founder · design and development
Year
2026
Context
Postgrad (PGDip), PP 410, Theme 4, own studio
Stack
React · TypeScript · Vite · Tailwind CSS · GSAP · Lenis · Three.js · Zod
Stack Studio open in a browser on a MacBook Pro

Desktop

Stack Studio on an iPhone

Mobile

01The challenge

A two-person studio that sells brand-led, cinematic websites needs a site that proves it by being one.

“What do you need?”, service panels: Something new, open, beside Fix or improve it, Hosting and care and A software team
Production build, captured October 2026.

02The approach

  1. 01

    A visual language

    Inter Tight and JetBrains Mono on near-black, a square grid, film grain and the orange Λ of the STΛCK mark.

  2. 02

    Proof on every page

    Every project card and case study is a device mockup rendered from the client's real site, and the services page turns 3D devices as you scroll.

  3. 03

    A brief, not a form

    A guided, step-by-step brief helps prospective clients say what they need and see an estimate before they ever book a call.

Screens05 Scroll
Services page: six service tiles, from New website to Questions, above “I need a new website.”
Production build, captured October 2026.
Process page: “How we work, start to finish.” and “From first message to kick-off.” beside stacked quote cards
Production build, captured October 2026.
The GC Solar case study on the home page, its site shown on a laptop and a phone
Production build, captured October 2026.
“From the first idea to what comes next.” under a strip of tool logos, beside the “A website that stands out” service
Production build, captured October 2026.
“Proof, not promises.”, the GC Solar and MPG Foundation case studies as device mockups
Production build, captured October 2026.

03Highlights

  1. 01Device mockups rendered from real client sites
  2. 02Scroll-scrubbed 3D phone and laptop (Three.js, rendered at build time)
  3. 03Guided project brief with an estimate
  4. 04GSAP + Lenis motion on React and TypeScript

Built with

  • React
  • TypeScript
  • Vite
  • Tailwind CSS
  • GSAP
  • Lenis
  • Three.js
  • Zod

04Credits

Enzo De Vittorio
Co-founder
Armand Naudé
Co-founder
Client
Stack Studio