Back to work

Fictional demo / Case study

Offset

A studio identity with room to speak.

Next.js / React / TypeScript / Tailwind CSS

The idea

Offset is a fictional creative studio. The brief was to make a service-led website feel like a publication: direct language, a confident typographic hierarchy and enough space for the work to lead.

My contribution

I shaped the concept and visual direction, selected the work to show, and iterated on the pages with AI coding tools. This is an exercise in directing and reviewing a website while I learn the code behind it.

Decisions that shaped it.

Design & implementation

  1. 01

    Oversized type makes the studio’s point of view readable before a visitor reaches the service list.

  2. 02

    A restrained editorial layout connects selected concepts, services and the inquiry section without turning each into a separate visual system.

  3. 03

    The inquiry form demonstrates the interaction locally. It does not send a client brief to a real studio.

What’s there

  • Responsive navigation
  • Selected concept presentations
  • Service overview
  • Inquiry form with local feedback

Outcome & boundaries

An implemented, publicly available studio demo. The studio and its work are fictional; no client engagement or conversion result is claimed.

Next project

Serein Coffee House