Antimaterial

Role: Frontend Developer & Visual Designer
Project: Independent client project

Designed and developed Antimaterial, a multilingual brochure website for a Finnish therapist and wellness practitioner. Responsible for the full visual design and frontend implementation from scratch — from layout and typography to a custom client-side internationalisation system supporting Finnish, English and Swedish.

View the project: Live website

Core Responsibilities & Contributions

Visual Design

  • Designed the full visual identity of the site — colour palette, typography, layout and component style — from scratch
  • Created a calm, trustworthy aesthetic aligned with the therapeutic nature of the client's practice
  • Built a responsive layout that works across desktop and mobile without relying on a CSS framework

Multilingual System (i18n)

  • Built a lightweight client-side internationalisation system in vanilla JavaScript supporting Finnish, English and Swedish
  • Language switching updates a data-active-lang attribute on the body element, triggering CSS selectors that show or hide content tagged with matching data-lang attributes — instant switching with no page reload
  • User language preference persisted via localStorage across sessions and page loads
  • Avoided external i18n libraries entirely — zero dependencies, minimal footprint

SEO & Metadata

  • Implemented full SEO metadata: Open Graph tags, Twitter Card, canonical URL, meta description and robots directives
  • Structured multilingual content for discoverability across all three target languages

Deployment

  • Deployed on Cloudflare Pages with environment-based configuration and custom domain setup

Project Gallery

Antimaterial home page
Etusivu
Lyhytterapia - Short therapy section
Lyhytterapia
Stressi and Uupumus - Stress and burnout section
Stressi and Uupumus
Muutosturva section
Muutosturva
Filosofinen konsultaatio - Philosophical consultation section
Filosofinen konsultaatio
Aanimaljat section
Aanimaljat
Yhteystiedot - Contact information section
Yhteystiedot