Skip to content

00

ZAYA

Web design and engineering

Wedirectwebsites, frame by frame.

Every screen, every state, every transition. Decided, not defaulted.

Audience

Next-gen web design, for the next generation.

Capability

We design it and we build it.

One team, no handoff.

01 05

Design and art direction

02 05

Motion and 3D

03 05

Front-end engineering

04 05

Back end and data

05 05

Performance and launch

01 05

Design and art direction

Type, grid and image decisions made once, then held across every screen.

  • Brand and identity
  • UI design
  • Image direction

02 05

Motion and 3D

Scroll choreography in GSAP, real-time 3D in Three.js when the product earns it.

  • GSAP and ScrollTrigger
  • Three.js and WebGL
  • Reduced-motion path

03 05

Front-end engineering

Next.js and TypeScript, built as a design system rather than a stack of pages.

  • Next.js App Router
  • TypeScript
  • Design systems

04 05

Back end and data

The part most design studios subcontract. Schema, API and admin, same team.

  • Postgres and Prisma
  • Auth and payments
  • Headless CMS

05 05

Performance and launch

Green Core Web Vitals, real metadata, and a deploy you can roll back.

  • Core Web Vitals
  • SEO and schema
  • Vercel and analytics

Argument

If you can win awhy not Gen Z?

Process

4 weeks.

Direction to deploy.

  1. Week 01

    Direction

    Scope, stack decisions, and three visual directions. You pick one.

  2. Week 02

    Design

    Full design at desktop and mobile. Data model agreed the same week.

  3. Week 03

    Build

    Front end, back end and motion built together in Next.js.

  4. Week 04

    Ship

    Performance pass, metadata, deploy. Repo and walkthrough handed over.