Front End Developer / Drupal Developer

Hi, I'm Cait.

I build for the web.

I craft fast, accessible, and thoughtfully designed interfaces - where every detail is intentional and every interaction feels right.

Cait Lorenzo-Mahon
About me

Designed to last
built to ship.

I'm a Front-End Developer whose instincts were shaped by years as a Senior Graphic Designer - I learned colour theory, typography, and visual hierarchy long before I wrote my first line of code. That foundation isn't a footnote; it's in every decision I make.

Most developers think in components. I think in brand systems, type hierarchies, and visual weight first - then I build them. The result is interfaces that don't just function cleanly, but feel considered. Polished. Intentional.

I work across the full front-end stack - HTML, CSS, and JavaScript - and have deep hands-on experience building and managing large-scale sites in both Drupal and WordPress. I understand how design decisions survive (or don't) the journey from Figma to a real CMS, and I build accordingly.

  • Available for work
  • Yorkshire, UK
  • 10+ Years Experience
  • Remote
  • English (Native) · French (B1)
  • BSc Computing & IT
Selected work

Projects

View all on GitHub
  • CineSearch

    A TV show discovery app built with vanilla JavaScript, integrating the TVMaze API. Features search, modals, localStorage favourites, and full keyboard accessibility - built using a PR-based Git workflow with conventional commits.

    • JavaScript
    • REST API
    • DOM Manipulation
    • localStorage
    • Accessibility
    • Git
  • This portfolio

    Designed and built from scratch in plain HTML, CSS, and JavaScript. Modular CSS architecture, feature branch Git workflow, and conventional commits throughout - built to demonstrate real developer process, not just output.

    • HTML
    • CSS
    • JavaScript
    • Git
    • Modular CSS
    • Accessibility
  • Component Library

    A collection of reusable, accessible UI components built in plain HTML, CSS, and JavaScript - with live documentation. Currently in development.

    • HTML
    • CSS
    • JavaScript
    • Design Systems
    • Accessibility
    • Web Components
What I bring

Craft & Code

Design

I think visually before I think technically. Years in Graphic Design means typography, hierarchy, colour, and brand aren't things I learned alongside code - they came first. That foundation shows in everything I build.

  • Figma
  • Illustrator
  • InDesign
  • Photoshop
  • Typography
  • Brand Identity
  • UI Design

Build

Accessible, semantic, and maintainable isn't a bonus - it's the baseline. I build with real users in mind, whether it's a component for a Drupal platform or a personal project practising modern front-end patterns.

  • HTML
  • CSS
  • JavaScript
  • Drupal
  • Wordpress
  • WCAG Accessibility
  • Git
  • Web Components

Grow

The best developers I know stay honest about where they're growing. I'm actively building towards React and modern JavaScript tooling through my BSc and personal projects.

  • React
  • Node.js
  • AI-assisted development
  • Web Performance
  • Design Systems
  • Sustainable Web Design
  • BSc Computing & IT
Where I've worked

Experience

    • Web lead for large-scale production Drupal CMS - managing architecture, content systems, and technical decision-making end-to-end
    • Deliver and manage sitewide charity appeals generating approximately £14m annually - coordinating content, technical execution, and performance across multiple stakeholders
    • Champion digital accessibility across the organisation, delivering hands-on WCAG training in partnership with specialist agencies (GAIN/Nomensa) and implementing front-end improvements at component level
    • Design and deliver CMS, content, and technical training for internal teams, translating complex systems into accessible guidance for non-technical users
    • Triage and manage technical support workflows, acting as first point of contact for stakeholder issues across the digital estate
    • Leading UAT across multiple sites, writing test cases and coordinating releases
    • Drupal
    • HTML, CSS & JavaScript
    • SEO
    • Accessibility (WCAG)
    • UAT
    • Git
    • Solely managed a large-scale Drupal CMS comprising the main site and 12 microsites, overseeing architecture, content systems, and module configuration
    • Led a full homepage redesign - conceiving and delivering a modernised layout and visual system that resulted in measurable growth in visitor numbers and online donations
    • Designed and built web UI components and brand assets across the digital estate, bridging graphic design expertise with front-end implementation
    • Managed and trained a team of 10 microsite content contributors - delivering ongoing CMS and content training and maintaining quality across the network
    • Managed stakeholder relationships and translated briefs into technical and design solutions
    • Drupal
    • HTML & CSS
    • UI Design
    • CMS Architecture
    • Brand & Visual Design
    • Designed digital-first assets for healthcare products, building strong foundations in design systems, visual hierarchy, and component thinking
    • Co-led the rebuild and redesign of the company website in WordPress, contributing to both the visual direction and front-end implementation
    • Created custom components within WordPress to surface relevant content, working at the intersection of design and technical build
    • Played a key role in a full company rebrand - developing visual identity assets applied consistently across web and digital channels
    • Collaborated with web and product teams, bridging design and development workflows
    • Wordpress
    • UI Design
    • Design Systems
    • Figma
    • Brand Identity
    • Component Design
    • Constructed an ecommerce website in collaboration with the web team, contributing to both design and front-end implementation
    • Developed brand identity assets and promotional materials, building a strong foundation in visual systems and design consistency
    • Digital Design
    • UI Design
    • Ecommerce
    • Brand Identity
    • Figma
Let's talk

Get in touch

I'm open to new opportunities, interesting projects, and good conversations. Drop me a message - I'd love to hear from you.