CompletApp

The one project where we were both the client and the studio: our own site, built to the standard we sell.

1 / 7

Project Overview

CompletApp is our own studio site, and we treated it like client work: 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 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 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 listing and detail pages.
• App-like navigation: client-side view transitions make page changes feel instant.
• Conversion plumbing: contact and lead forms with built-in spam protection.
• Privacy first: analytics load only after GDPR consent.
• Share-ready pages: per-page social cards, a generated sitemap, and RSS feeds.
• Growing content engine: an automated SEO pipeline publishes new blog guides straight to the live site.

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: correct hreflang on every page pair, internal links that stay in their own language, and Hungarian that reads native rather than translated. We solved it with per-locale content collections, automated link checks in CI, and Hungarian written from scratch.

The second was the tension between a rich dark visual identity and a strict performance budget. Glows, glass and motion are expensive. We kept the look and paid with discipline: static background effects, motion gated behind user preference, and Lighthouse plus accessibility checks enforced in CI, so a regression fails the build.

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 went live on completapp.com in August 2026 and keeps evolving the way we advise clients to evolve theirs, in small, measured releases.

Impact or Outcome

The honest outcome is now measurable. We ran the live site through Google PageSpeed Insights on August 27, 2026: performance 99 on desktop and 90 on mobile, with a straight 100 for SEO, accessibility and best practices on both.

+

Beyond the numbers, this Astro portfolio website demonstrates the exact foundation we build for clients: structured data, correct hreflang, consent-gated analytics, spam-protected forms and performance budgets enforced on every commit, all verifiable 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; this one shows how we work when only the audit tools are watching.

See It in Action

You are already browsing the live demo. Switch the language, flip the theme, and watch how fast the pages move. If your business needs a site on the same foundation, our custom website development starts from a blank page just like this one, and if you want an app next to it, our cross-platform app development and web app development are handled by the same team. Book your free call and we will talk through what you need.