REAL PROJECT
hellen-design.com: a studio site that is its own proof
- ROLE
- Design and build
- STACK
- Astro, TypeScript, Tailwind CSS
- SCOPE
- Brand, site, shop flow
- PAGES
- Every page in EN and HU
Brief
A web design studio's site has to do what it tells clients to do. It had to look like an established studio, show prices, load lightly, and work equally well in Hungarian and English. There were no client logos or testimonials to lean on, so the site itself had to carry the argument.
Approach
I designed it in Figma on a dark graphite base with one signal colour. I built it static with Astro, so every page is plain HTML with very little script. Prices sit on every service page, and the shop flow runs end to end in demo mode. The selection-frame motif comes from the way designers pick out an element before shipping it.
Result
The site is live in both languages with every service, a pricing shop and the legal pages. Measured on the live build on 2 October 2026: Lighthouse mobile 98 performance, 100 accessibility, 100 best practices, 100 SEO; LCP 2 seconds. Run Lighthouse on it yourself.
Gallery
Aa Bb Cc 0123
Display · Syne
Aa Bb Cc 0123
Text · Albert Sans
Aa Bb Cc 0123
Data · Martian Mono
- STACK
- Astro · TypeScript · Tailwind CSS
- FONTS
- Syne · Albert Sans · Martian Mono
- LANGUAGES
- EN + HU
- LIGHTHOUSE MOBILE
- 98
Specs
- STACK
- Astro · TypeScript · Tailwind CSS
- FONTS
- Syne · Albert Sans · Martian Mono
- LANGUAGES
- EN + HU
- LIGHTHOUSE MOBILE
- 98
Services shown here: Website design, SEO & performance
Next case
Next: Tokaj winery (concept)
Want a site built the same way?
Business from 390,000 HUF.