The one project where we were both the client and the studio: our own site, built to the standard we sell.
Project Overview
CompletApp is our own studio site, and we treated it the way we treat client work: as a product with a job to do. As an Astro portfolio website, it has to load fast, read natively in two languages, and turn a visitor into a discovery call. We designed and built it end to end in 2026, so it doubles as a working, inspectable example of how we approach a custom build.
The brief we gave ourselves was simple to state and hard to hit: a bilingual marketing site that feels premium, scores like a plain text page on performance audits, and gives search engines everything they need on day one. No CMS overhead, no plugin sprawl, just a fast static site that we fully control.
Key Features
- Bilingual by design: full English and Hungarian versions with correct hreflang and a language switcher on every page.
- Two visual themes: a dark, techy default and a clean light mode, switchable with a single toggle.
- Complete content architecture: blog, portfolio, services, and templates sections, each with its own listing and detail pages.
- App-like navigation: client-side view transitions make moving between pages feel instant.
- Conversion plumbing: contact and lead forms with built-in spam protection.
- Privacy first: analytics load only after GDPR consent, never before.
- Share-ready pages: per-page social cards, a generated sitemap, and RSS feeds.
Tech Stack & Integrations
- Astro 6: the fully static core, shipping plain HTML with almost no JavaScript.
- Tailwind CSS: the styling system behind both themes, driven by shared design tokens.
- TypeScript: type-checked content schemas and components across the whole codebase.
- Cloudflare: global static hosting, so the site is fast from anywhere.
- Self-hosted fonts and optimized responsive images: no third-party requests on the critical path.
- Structured data throughout: organization, services, articles, and case studies are all machine-readable.
Challenges & Solutions
The first challenge was bilingual correctness. A translated site is easy; a site where every page pair carries correct hreflang, every internal link stays in its own language, and the Hungarian copy reads native rather than translated is not. We solved it with per-locale content collections, automated link checks in CI, and Hungarian written from scratch instead of run through a translator.
The second was the classic tension between a rich dark visual identity and a strict performance budget. Glows, glass, and motion are expensive. We kept the look and paid for it with discipline: static background effects, motion gated behind user preference, and Lighthouse plus accessibility checks enforced in CI, so a regression fails the build instead of reaching visitors.
The third was being our own client. Without an external deadline, scope creeps. Treating the site as a product with a launch bar, not a playground, kept it shipping.
Development Time
Built iteratively as our own product, in focused rounds between client work: design system first, then the bilingual content architecture, then the SEO and performance layer. It launched as the studio’s public home and keeps evolving the way we advise clients to evolve theirs, in small, measured releases.
Impact or Outcome
The honest outcome is the site itself. This Astro portfolio website demonstrates the exact technical SEO, performance, and bilingual foundation we build for clients: structured data, correct hreflang, consent-gated analytics, spam-protected forms, and performance budgets enforced on every commit. Everything we claim on our service pages is verifiable right here, in the page you are reading.
My Role & Value
We owned every layer: UI/UX design across two themes, copywriting in two languages, the full Astro build, and the deployment pipeline with its automated quality gates. The value is proof by construction: a studio site is the one project where the process cannot hide, and this one shows how we work when nobody is watching but the audit tools.
See It in Action
You are already browsing the case study’s live demo. Click around, switch the language, flip the theme, and watch how fast the pages move. If you want your site built on the same foundation, this is what our custom website development looks like in practice. Book a free call below and we will map out yours.
