Brand, Design System & Frontend · 2024
Borrissol
An end-to-end website for a textile workshop studio — from visual identity to a perfect-Lighthouse, multilingual build.
Client projectBrandingDesign SystemAstroi18na11y
An end-to-end project for a textile workshop studio in Mataró (Barcelona). I owned the full cycle — from visual identity and design system to development, internationalisation and deployment — using Claude Code and Claude Design as co-pilots.
- Token-based design system — colours, typography, spacing and components, applied consistently across the entire site.
- 4-language support with hreflang, a language switcher and fully tokenised copy.
- Accessibility-first — ARIA-labelled sections, skip link, focus-visible outlines, 44×44px touch targets and prefers-reduced-motion support.
- Privacy & analytics — GA4 with Google Consent Mode v2, cookieless by default with a custom consent banner.
- Playwright E2E tests covering navigation, language switcher and key interactive components.
- Result: Lighthouse Mobile 100 / 97 / 100 / 100 — Core Web Vitals: FCP 1.5s · LCP 1.8s · CLS 0.