Off Axis Studio

Off Axis is a concept website for a fictional creative studio. It shows how motion, big typography and interaction can carry a brand.

An agency's own website is its portfolio: it has to be memorable and prove the craft.

Design & development — responsible for planning, building and shipping the product across the interface, backend and data layer.

A high-energy site with a kinetic hero, scrolling type, tilting project tiles, an expanding services list and a giant closing call to action.

• Kinetic headline and scroll parallax
• Tilting project tiles with generated artwork
• Interactive services accordion
• Marquee type bands
• Mobile navigation and reduced-motion support

• Next.js
• React
• TypeScript
• Tailwind CSS
• Framer Motion

1. 1

   Define the brief

   Chose a realistic client scenario and defined the audience, content and goals.

2. 2

   Design a distinct identity

   Set a palette, type pairing and layout language specific to this brand.

3. 3

   Build it responsively

   Implemented every section mobile-first, with accessible, keyboard-friendly interactions.

4. 4

   Polish and test

   Checked phone, tablet and desktop layouts, focus states, and form and empty states.

A complete, working website you can open and use — built to show the approach, not to claim client results.