Zoë Hall - Senior Frontend Engineer   →
Resume Follow on LinkedIn Github Blog
✺

I build frontend
 products that
serve millions

Let's Talk
Fleetio Logo Tyler Logo Assa Abloy Logo SKF Logo Fleetio Logo Danfoss Logo JLG Logo Avantor Logo Tyler Logo Solenis Logo Ecore Logo Coleman Logo Fleetio Logo JCI Logo Fleetio Logo Tyler Logo

" Zoe's technical skills and attention to detail have had a significant impact on our website's performance and user experience. Her work on optimizing our content and integrating with Sanity and Storybook has empowered our content creators to efficiently manage and publish high-quality content, ultimately benefiting our users. "

Ross Gebhart Director, Brand Marketing

" I can say with complete certainty that her effort to go beyond was unrivalled. Instead of us debugging issues during our weekly meetings, she asked thought-provoking questions around why something was done the way it was, and discussed how code could be improved. Zoe's passion for quality code, curiosity, and understanding has only scratched the surface and will excel her as a software engineer. "

Cory Trimm Digital Services Expert

Open to Senior Frontend roles at product-focused startups

  • Fleetio Storybook

    Fleetio Storybook UI

    Crafted a comprehensive design system for Fleetio, implementing an atomic component architecture with Storybook and Chromatic integration. Established a robust CI/CD pipeline from Figma through GitHub Actions, enabling automated visual regression testing and streamlined workflow between designers and developers. This solution ensures UI components remain consistent, scalable, accessible, and performant across the platform while significantly reducing implementation time and improving product quality.

    • Storybook
    • Figma
    • CI/CD
    • Node.js
    • Next.js
    • React.js
    • Tailwind CSS
  • Fleetio Homepage

    Fleetio

    Led the migration of Fleetio’s website from Ruby on Rails to React, Next.js, and Tailwind CSS, focusing on building a robust system of reusable components using Storybook. Traveled to React conferences to stay ahead of emerging technologies, incorporating new practices that enhanced the project’s performance, accessibility, and SEO. This hands-on approach ensured the website consistently exceeded industry standards.

    • Express.js
    • Node.js
    • Next.js
    • React.js
    • Tailwind CSS
    • Storybook
    • Sanity
    • Figma
  • Fleetio Pricing

    Fleetio Pricing

    Spearheaded the overhaul of Fleetio’s pricing page, implementing a dynamic and flexible structure using Next.js, React, and Tailwind CSS. Collaborated with analysts to conduct A/B testing, refining the user journey based on data-driven insights. Focused on optimizing performance, accessibility, and delivering a seamless user experience.

    • Express.js
    • Node.js
    • Next.js
    • React.js
    • Tailwind CSS
    • A/B Testing
  • Fleetio Blog

    Fleetio Blog

    Developed the Fleetio blog with a focus on SEO by implementing pagination instead of infinite scroll, ensuring better indexing and performance. Integrated Sanity to allow non-developer teams to create and manage content effortlessly, reducing the development workload and enabling more time to focus on optimization in other areas. This approach streamlined cross-team collaboration and improved the overall efficiency of the content pipeline.

    • Express.js
    • Node.js
    • Next.js
    • React.js
    • Tailwind CSS
    • Storybook
    • Sanity
  • SKF Project

    SKF

    Transformed the creation process for SKF, reducing development time from 1-2 weeks to two hours by building a branded, reusable component library using JavaScript, JQuery, SASS, and Bootstrap. This initiative significantly accelerated project timelines, enabling rapid deployment of consistent, high-quality pages while maintaining the brand’s visual identity.

    • JavaScript
    • JQuery
    • HTML
    • SASS
    • Bootstrap
  • Ecore Project

    Ecore

    Played a key role in the rebranding and optimization of Ecore’s website by developing a reusable, branded component library with JavaScript, JQuery, SASS, and Bootstrap. The redesign not only enhanced the visual appeal and usability of the site but also drove a significant increase in traffic. This approach allowed for quicker page creation while ensuring a consistent and unified brand experience.

    • JavaScript
    • JQuery
    • HTML
    • SASS
    • Bootstrap
  • Godfrey Project

    Godfrey

    Managed the maintenance and updates for Godfrey’s website, using JavaScript, JQuery, SASS, and Bootstrap to ensure compatibility with modern web standards. Focused on upgrading existing components and optimizing site performance, while gradually transitioning the platform to more current technologies to enhance overall functionality and user experience.

    • JavaScript
    • JQuery
    • HTML
    • SASS
    • Bootstrap
  • Axis Lighting Products

    Axis Lighting Products

    Collaborated with designers and developers using Scrum methodology to deliver a full rebrand and redevelopment of Axis Lighting’s international website. Developed the site in modular components, supporting multiple languages and complex features such as product calculators. This project involved a significant lift, ensuring seamless integration across various regions and enhancing the user experience for a global audience.

    • JavaScript
    • JQuery
    • HTML
    • SASS
    • Bootstrap
  • Axis Lighting Inspiration

    Axis Lighting Inspiration

    Developed Axis Lighting’s Inspiration page, showcasing a curated gallery of projects to inspire potential clients. Built using JavaScript, JQuery, SASS, and Bootstrap, the page was designed for easy navigation and optimal performance. The goal was to create an engaging visual experience that highlights Axis Lighting’s product range, allowing users to explore various design possibilities seamlessly.

    • JavaScript
    • JQuery
    • HTML
    • SASS
    • Bootstrap
  • JLG Project

    JLG

    Managed ongoing site maintenance for JLG, while focusing on transitioning the website to a more engaging user experience. Utilized JavaScript, JQuery, SASS, and Bootstrap to implement updates that improved the site’s functionality and responsiveness, ensuring a more dynamic and user-friendly interface.

    • JavaScript
    • JQuery
    • HTML
    • SASS
    • Bootstrap
  • Solenis Project

    Solenis

    Handled the continuous maintenance of the Solenis website while enhancing its overall user experience. Leveraged JavaScript, JQuery, SASS, and Bootstrap to implement updates that made the site more interactive and responsive, focusing on creating a more intuitive and engaging interface for users.

    • JavaScript
    • JQuery
    • HTML
    • SASS
    • Bootstrap
  • Keystone Design System

    Keystone Design System

    Developed the Keystone Design System to ensure compliance with Pennsylvania’s government standards, using technologies like Node.js, JavaScript, JQuery, and LESS. The system was designed with full accessibility in mind, adhering to WCAG AAA standards. The reusable component library enabled developers to build cohesive, accessible interfaces with minimal technical support, empowering teams to maintain a unified brand across the state’s digital platforms.

    • Node.js
    • JavaScript
    • JQuery
    • HTML
    • LESS
    • Foundation
    • JAWS
    • NVDA
    • Lighthouse
  • PA529

    PA529

    Collaborated with a design agency to direct the full brand refresh and development of the PA529 website, using technologies like Node.js, JavaScript, JQuery, and LESS. Oversaw the implementation of the new design, ensuring it aligned with government standards while delivering a modern and user-friendly interface. This project provided the Pennsylvania Treasury with a cohesive digital presence, improving the experience for users navigating educational savings plans.

    • Node.js
    • JavaScript
    • JQuery
    • HTML
    • LESS
    • Foundation

Tech I Use to Build Fast and Scale Further

I build frontend products that serve millions while maintaining quality—not through heroics, but through systems.

Using AI-enhanced workflows (Claude Code, ChatGPT, Copilot) to ship 60% faster without sacrificing accessibility, performance, or developer experience. My approach: make it hard to ship broken code through preventive tooling, not documentation.

What that looks like:

  • → SEO validation pipelines that block regressions in CI (68%→92% health, proven at scale)
  • → Accessibility baked into components by default (64→98 scores serving millions)
  • → Design systems that make teams faster while maintaining consistency
  • → Preventive tooling that catches problems before users see them

I care about products that scale to millions without constant firefighting. Code that works for everyone—including users on screen readers, slow networks, and older devices. Engineering workflows that make velocity sustainable.

React logo React
Next.js logo Next.js
TypeScript logo TypeScript
JavaScript logo JavaScript
Node.js logo Node.js
Claude Code logo Claude Code
GitHub Copilot logo GitHub Copilot
Python logo Python
GraphQL logo GraphQL
Tailwind CSS logo Tailwind CSS
Storybook logo Storybook
Chromatic logo Chromatic
Git/GitHub logo Git/GitHub
Vercel logo Vercel
Figma logo Figma
SASS logo SASS
PostgreSQL logo PostgreSQL
MongoDB logo MongoDB

" Working with Zoe has been an exceptional experience. She guides our team with clarity, breaking down complex concepts into simple, actionable terms. Her expertise in accessibility and user experience ensures our websites are functional and inclusive, while her deep knowledge of React allows her to solve complex problems and implement advanced features with ease. Zoe's leadership and technical prowess make her a standout engineer. "

Megan Aiken Senior Conversion Rate Optimization Specialist

" I truly valued working with Zoe. Her approach to problem-solving elevated the quality of our projects, handling complex challenges with creativity and precision. Zoe was reliable, efficient, and an excellent collaborator. Her communication and teamwork made the process smooth and productive, and her contributions were key to our success. "

Lindsey Drennan Senior Brand Designer

What I Bring to Your Team

Preventive Engineering

I build systems that catch problems before they reach production—SEO validation pipelines, accessibility testing, and regression checks in CI. The goal: make it hard to ship broken code through tooling, not documentation.

AI-Enhanced Velocity

Using Claude Code, ChatGPT, and Copilot to ship 60% faster without sacrificing quality. AI-assisted component generation, automated testing, comprehensive documentation—making velocity sustainable at million-user scale.

Scale Without Firefighting

Design systems and architecture patterns that support growth from thousands to millions of users without constant refactoring. Products that scale through preventive engineering, not heroics.

Accessibility by Default

WCAG compliance baked into components from day one—not bolted on later. 64→98 accessibility scores proven at scale through preventive systems that make inclusive UIs the path of least resistance.

Get In Touch