ESB studio website
The site you are on. A fast custom build with a live quote calculator, named page transitions, a WebGL hero and a scroll-driven story of the 14-day process.
The whole home page, top to bottom. Keep scrolling.
The brief
Our own site had to prove the offer. Show prices before anything else, explain a 14-day process in a few seconds, and feel like the work of a studio that sweats the details, while staying fast, indexable and easy to edit.
What we built
The site runs on Astro and ships as plain HTML, CSS and a small amount of JavaScript. GSAP and Lenis handle motion and smooth scrolling; the hero is a single WebGL shader that draws a field of screen pixels and lights up the ones near your pointer.
Content lives in Markdown files and one settings file, so changing a price, adding a case study or writing a journal post doesn’t require touching the design.
Press G anywhere to see the 12-column grid it is built on.
The pricing page, with the live quote calculator
Decisions that shaped it
The few choices that matter most on a site this size, and why we made them.
The browser's own colours
Link blue, visited purple, active red and mark yellow come straight from the default stylesheet every browser ships. A studio that builds for the web, branded with the web's defaults. It is functional too, so case studies you have opened turn visited purple.
Prices before anything else
The calculator sits in the first scroll of the home page and behind every package. Each line converts to your currency on its own, so the total always equals the lines you can see.
Motion that explains something
The 14-day section pins and counts the days, page transitions name where you are going, and the hero's pixels follow your pointer. All of it switches off for visitors who prefer reduced motion.
Plain HTML underneath
Every page is a static HTML file. That makes the site fast, cheap to host and easy for search engines and AI assistants to read, with structured data, a sitemap, an RSS feed and llms.txt.
What it would cost
The same fixed quote you would get, line by line. Prices exclude VAT.
- Quote calculator in EUR, USD and GBP
- Five-step project brief with a review screen
- Page transitions and a first-visit intro
- WebGL pixel-grid hero that follows the pointer
- Pinned, scroll-driven 14-day sequence
- Live clocks and a time-zone overlap chart
- Journal with RSS, sitemap, JSON-LD and llms.txt
- Business site€1,700
- Custom motion and WebGL hero€2,000
- Quote calculator and project form€800
- Journal€200
Fixed price€4,700
Live 21 days after the content is in.
Start a similar project