westphal.tech – Studio web presence
A bilingual web presence from positioning and copy through a custom design system to a static Astro build with SEO, analytics and automated quality checks.
Problem
The personal website needed to load content quickly, work without a heavy client framework and remain consistent in two languages.
Goal and constraints
The goal is a maintainable, accessible bilingual site whose content, metadata and quality checks can be managed consistently.
My role and the solution
Concept, design, Astro implementation, content model, responsive behaviour, accessibility, SEO and automated quality assurance.
System and dependencies
- Central typed content for German and English pages
- Reusable Astro components and static routes
- Localised metadata, canonicals, hreflang and social preview
- Format, lint, type, test and build checks as a delivery gate
Key decisions
- Static output with Astro and typed content
- Reusable components and responsive layouts
- Dark mode, reduced motion and keyboard support
- Localised pages, metadata, canonicals and hreflang
- Format, lint, type, test and build checks
Evidenced interim status
The website is directly verifiable proof: source code, responsive pages, localised routes and automated quality checks are part of the same project.
Key takeaway: A small static website remains maintainable when its content model, internationalisation, metadata and quality assurance are treated as one system.
Limits, data, safeguards and operation
- The site demonstrates web and delivery skills but does not replace a case study about operational business impact.
RELEVANT TECHNOLOGIES
Astro 7 / TypeScript 6 / Tailwind CSS 4 / Vitest / ESLint