Skip to main content

Ben Gordon

Web Developer + Designer

  • Rebuilt a large-scale corporate intranet (350k+ daily users) to meet modern accessibility standards within a legacy Confluence CMS. As part of a small team of experienced developers I led UI implementation, creating and translating Figma designs into accessible, production-ready components using Tailwind and custom Web Components.

    Developed reusable, WCAG-compliant components later integrated into Confluence directly, and co-led accessibility workshops with employees with disabilities to validate real-world usability. The result was a fully accessible intranet experience with a custom accessibility layer tailored specifically to the platform, avoiding generic overlay pitfalls while giving users meaningful control.

    Role

    Frontend Developer + UX/UI Designer

    Tech Stack

    JavaScriptTailwindWeb ComponentsFigmaConfluenceVoiceOveraxe DevTools
  • Designed and developed the public marketing website for an electric mobility infrastructure product, working as the sole designer and developer from concept to launch. I created the full visual identity and design system in Figma and implemented the site using Next.js, TypeScript, and Tailwind, translating a large volume of technical and marketing content into a structured, digestible web experience.

    The site includes a robust internationalization system (EN, DE, ES, TR, AR), performance-optimized media, and custom UI interactions inspired by the product's physical movement and architecture. Despite being highly visual with large images, video, and animation, the site maintains strong performance through Next.js optimization techniques and careful frontend architecture. The result is a scalable marketing platform that increased product visibility and supports ongoing feature development.

    Role

    Lead Designer & Developer

    Tech Stack

    Next.jsTypeScriptTailwindFigmaParaglide i18nFramer Motion
    View Project (opens in new tab)
  • Led frontend development and design for the relaunch of the agency's corporate website, working as part of a two-person engineering team. I designed the full UI system in Figma and implemented the frontend using SvelteKit, TypeScript and Tailwind, building accessible, performant components that support flexible page composition and CMS-driven content.

    A core goal was demonstrating the agency's own accessibility expertise — the site needed to meet strict WCAG standards while maintaining a modern, enterprise-focused design. I implemented bilingual internationalisation (DE/EN), reusable component patterns, and a streamlined contact workflow using Resend. Built on a headless CMS architecture with Payload, the system allows non-technical team members to manage content while preserving strong accessibility and performance standards.

    Role

    Frontend Developer + UX/UI Designer

    Tech Stack

    SvelteKitTypeScriptFigmaTailwindPayload CMSResendParaglide i18n
    View Project (opens in new tab)
  • Conducted a large-scale accessibility audit for the public health websites of 13 administrative districts in Saxony-Anhalt, reviewing 100+ pages against WCAG 2.2 AA standards (with selected pages evaluated at AAA level). As Accessibility Specialist on a three-person team, I performed extensive manual and automated testing, including screen reader validation, keyboard navigation checks, semantic HTML validation, and structured issue documentation, in order to identify compliance gaps and provide precise remediation guidance.

    Recognizing early that a spreadsheet-based workflow would not scale, I advocated for a more robust approach and contributed to the development and UX of an AI-enhanced auditing tool that streamlined issue tracking, structured manual findings, and automated report generation. The result was a set of detailed, high-quality reports for each district, providing clear prioritization and actionable fixes, while also establishing a repeatable audit framework for future large-scale accessibility projects.

    Role

    Accessibility Specialist

    Tech Stack

    axe-coreScreen ReadersKeyboard TestingARIAAI Tools