Start a project
  1. src
  2. work
  3. subyect.tsx

~/work/subyect · 3D web

Subyect Creative Agency Website, Front-End Development

Subyect hero screen
ProductCreative agency site
IndustryCreative agency
Year2025
PlatformWeb

Overview

Subyect is a static-ad creative agency for DTC brands spending €100K+ a month on ads. Its site tells one scroll-driven story: the agency designs the decisions an ad account runs on, proves it with client results, and shows the in-house library behind it, Obyect.

The challenge

Performance marketers are sceptical by default. The site had to feel premium, explain a method in seconds, and back every claim with numbers and named clients before asking for a call.

Delivered as: Front-end developer, Legit Design Studio · Built at Legit Design Studio

problem / solution

What we set out to fix

Problem

  • Agency sites all claim results; few show the method behind them.
  • Buyers spending €100K+ a month need proof before a call.
  • The agency's real edge, its ad library, was invisible.
100+brands served
30K+ads designed
€20M+tracked client revenue

Solution

  • A cinematic hero and a six-decision framework, told in scroll.
  • Named client results: Eclat, Mobile Vikings, Hears, BlocOut.
  • 100+ brands, 30K+ ads and €20M+ tracked revenue up front.
  • A section that ties the creative engine to Obyect.

process

How we built it

01

Story

Ordered the page as an argument: promise, method, proof, then the call.

02

Motion

Framer Motion reveals that pace the story without slowing it down.

03

Build

Next.js and Tailwind CSS, with responsive layouts for every section.

04

Polish

Responsive layouts and details tuned section by section.

features

What it does

feature 01

A promise, then a method

  • The hero states the agency's position: it designs the decisions your ad account runs on.
  • One ad, six decisions: persona, trigger, awareness, format and angle, explained visually.
subyect.com
Subyect hero screen
subyect.com
Subyect one ad, six decisions screen

feature 02

Proof, by name

  • Client case studies with real brands and revenue from static ads.
  • Testimonials and stats that build trust before the ask.
subyect.com
Subyect client results screen
subyect.com
Subyect brands screen

feature 03

The unfair advantage

  • Introduces Obyect, the in-house library of proven DTC winners.
  • Shows how every concept is wired to what already works.
subyect.com
Subyect obyect library screen
subyect.com
Subyect the loop screen

stack.md

The tech stack, and why we used it

Next.js and ReactFast page loads and clean search results for an agency selling to sceptical buyers.
Framer MotionReveals pace the argument section by section without slowing the page.
Tailwind CSSQuick, consistent responsive layouts for every section.

users.md

Who uses it

DTC brands spending €100K+ a month on ads

See the method and named results before booking a call.

The Subyect team

Sends one page that explains the agency in a scroll.

benefits.md

Benefits

  • The method is explained in seconds, as six visible decisions.
  • Proof comes first: 100+ brands, 30K+ ads and €20M+ tracked client revenue.
  • The in-house Obyect library is finally visible as an advantage.

cost.md

Cost benefits

  • A clear page answers early questions, so sales calls start further along.
  • One Next.js codebase is simple and cheap to host and update.

screens · 8

Every screen

Scroll sideways through the product.

subyect.com
Subyect hero screen
01Hero
subyect.com
Subyect brands screen
02Brands
subyect.com
Subyect client results screen
03Client results
subyect.com
Subyect one ad, six decisions screen
04One ad, six decisions
subyect.com
Subyect the decisions screen
05The decisions
subyect.com
Subyect the loop screen
06The loop
subyect.com
Subyect obyect library screen
07Obyect library
subyect.com
Subyect comparison screen
08Comparison

Typography

Aa

Instrument Sans + Estiana

Instrument Sans carries the story in clean, modern lines; the italic display cut of Estiana adds the editorial punch on key phrases like 'runs on.'

colours

Dusk orange#F08A3C
Lavender#A98BF0
Night#0B0F1E
Paper#F7F1EA
Espresso#1C1714

built with

Next.jsReactTailwind CSSFramer Motion

~/start · new project

Let's tell your story the way your best clients would.

Tell us what you are building. We reply with next steps, usually within one business day.