Gobo

A client comparing studios opens several sites in a row and moves on within a minute. Gobo is built for that minute.

The first screen is one WebGL strip of your projects. It drifts on its own, bends away at the edges of the screen, and follows a drag, a scroll or the progress line under it. Rest the cursor on a project and the strip stops, squares grow from the corners, and a click opens the case. Below the strip, a glass 3D cube with your logo turns with the cursor.

The Studio page names who is on the first call, gives starting prices and lists what the client owns after launch. Each case covers the problem, the work done, a client quote and what the client kept.

At a glance

• Eleven pages, with CMS pages for cases, articles and services

• Three CMS collections: 8 cases, 6 articles, 6 services

• Case pages that assemble themselves: add pictures of any shape and the grid builds its own rows

• Work page with category filters, grid and list views

• Service pages and Insights articles with their own titles, descriptions and schema markup

• Contact form with inline errors and a sent state, plus a WhatsApp button

• Team row that widens on hover, client logos, open roles with a resume button

• A logo that breaks into pixels on hover

• Three breakpoints: 1200 / 810 / 390, reduced-motion support

• Geist and Geist Mono, original images included

• Privacy and Terms pages

Framer agent skills included

Two skills are saved in the project:

• /cases-and-articles: add a case or an article, order and numbering stay correct.

• /make-it-yours: replace the demo name, city, contacts and team with yours, on every page.

Support: hello@alexand.co