SAPPY

Agency site · for GPTShopExpert

Pixel Forge

For a GEO & AEO agency that gets businesses cited by AI search. A rotating 3D satellite, HUD labels and an acid-on-black system.

pixelforge-tau.vercel.app

Overview

Pixel Forge is the site for GPTShopExpert, an agency working on generative engine optimisation: getting businesses found and quoted by ChatGPT, Perplexity, Gemini and Google AI Overviews. The page opens with “Your customers now ask AI. We make it cite you.” beside a slowly turning satellite, framed by HUD-style corner brackets and readouts, on a near-black grid with an acid-lime accent.

Further down, twelve service cards set out the agency’s disciplines, a sideways-scrolling gallery shows case cards, and three pricing tiers lead into a process section, headline numbers and an audit form. The satellite is built from CSS 3D transforms rather than WebGL, so the hero needs no canvas. Type is Inter with Instrument Serif italics and JetBrains Mono labels; it is built with React and Vite.

  • CSS 3D satellite

    The hero satellite is a cube of HTML faces turned with CSS 3D transforms, so it moves in three dimensions without a canvas or WebGL.

  • HUD framing

    Corner brackets, an object ID and orbital readouts frame the hero, carrying the satellite idea into the interface itself.

  • Sideways case gallery

    One section switches the scroll axis, sliding case cards horizontally while you keep scrolling down.

Stills from the live site

Section headed Built for the AI frontier, with a services ticker above and HUD readouts around a satellite illustration
The mission section and its readouts.
Wireframe study card titled Graphite before pixels, above service cards for AI citability, technical SEO and schema
Service cards and a wireframe study.
Horizontally scrolling case cards, with Helios SaaS in view and the next card entering from the right
The sideways-scrolling case gallery.
Process section headed Calm on the outside. Relentless on the inside., with discover, design, forge and launch around a line graphic
Process: discover, design, forge, launch.

Technical specs

Live site
pixelforge-tau.vercel.app ↗
Page title
gptshopexpert — get your business cited by ai
Type
Agency site
Built with
React, Vite
Typefaces
Inter, Instrument Serif, JetBrains Mono
Palette
#0A0A0A#121212#ECE3CF#FFFFFF#D4FF3A
On the page
Your customers now ask AI. We make it cite you. · Built for the AI frontier. · A full GEO stack. From audit to AI citation. · Scroll sideways. See who AI now cites. · Three ways to work with GPTShopExpert. · Calm on the outside. Relentless on the inside. · Want AI to recommend you?
Recording
Captured from the live site at 1440×900 · H.264, 1200 px, 25 fps · 14 s

Related services: website development, 3d & webgl websites.

Next projectCafe KaleidoBrand site

Have something to build — or to cut?

Start a project