A high-performance, accessibility-focused multi-language UX agency website built with a scalable, framework-free architecture.
Overview
ABetterUX is a responsive UX agency website with multi-language support (Swedish/English).
I designed and developed the site using semantic HTML, CSS, and Vanilla JavaScript, focusing on usability, accessibility, and maintainable architecture.
Purpose
The goal of this project was to create a corporate UX agency website that prioritizes:
- Clear information hierarchy and intuitive navigation
- Accessibility (WCAG-conscious structure)
- High performance across devices
- Scalable and maintainable architecture
- Smooth and engaging user experience
Features
- Multi-language support (Swedish/English) with a custom path-mapping system for seamless navigation
- Semantic HTML and structured content to improve accessibility and SEO
- Mobile-first responsive design across all screen sizes
- High performance with Lighthouse scores consistently between 90–100
- Interactive UI elements and animations implemented in Vanilla JavaScript
- Reusable component architecture (header, footer, booking) for easier maintenance
- Lightweight implementation without frameworks or build tools