Zoë Hall - Senior Frontend Developer   →
Resume Github Start Your Project
✺

Crafting
Architectural
Experiences

Assa Abloy Logo Danfoss Logo Fleetio Logo Ecore Logo JLG Logo Tyler Logo Solenis Logo SKF Logo Coleman Logo Assa Abloy Logo Avantor Logo Fleetio Logo Avantor Logo Ecore Logo JLG Logo Tyler Logo Solenis Logo Danfoss Logo JCI Logo SKF Logo Fleetio 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 Contentful has empowered our content creators to efficiently manage and publish high-quality content, ultimately benefiting our users.

Ross Gebhart Senior Manager, Brand Marketing

I can say without uncertainty 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 help her excel as a software engineer.

Cory Trimm Digital Services Expert

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 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 developer.

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

Thoughtful, precision-engineered web solutions that put people first

  • 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
    • Contentful
    • 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 Contentful 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
    • Contentful
  • 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

The Art of Mindful Development

I create web experiences where technical excellence meets human needs—where clean code, intuitive interfaces, and thoughtful structures converge to welcome everyone. Each project balances innovation with reliability, complexity with clarity, and performance with accessibility. My work is built on the belief that exceptional code should be as carefully crafted as the experiences it creates.

React.js
Vue.js
Astro.js
Next.js
Node.js
Express.js
TypeScript
JavaScript
MongoDB
PostgreSQL
RESTful APIs
Git
Docker
Tailwind
SASS
LESS
A/B Testing
SEO
UI/UX
WCAG
Figma
Adobe
Agile
Scrum

How we’ll work together

Define a strong foundation

We'll map your project's core architecture, ensuring every decision creates a stable base for growth while serving your users' needs.

Design a lasting system

Through collaborative iteration, we'll create consistent, accessible patterns that scale. This is where technical rigor meets human-centered design—building blocks that are both powerful and intuitive.

Select the right technology

I'll guide you through choosing technologies that balance performance and maintainability, creating systems that are both robust and adaptable to change.

Build and nurture the user’s journey

With meticulous attention to both code quality and user experience, I'll bring your vision to life. Each component is optimized, documented, and crafted to endure, ensuring your digital space remains both powerful and welcoming.

Start Your Project