Overhead view of laptop sitting next to a plant and a tea cup

About

Who is Kimberly?

I am a web developer who approaches building websites with curiosity, care, and a strong sense of responsibility for the people who use them. I enjoy understanding how systems work, refining details, and translating design into clean, maintainable code. My work focuses on building scalable, high-performing front-end experiences within CMS-driven environments, with a strong emphasis on semantic markup, usability, and long-term maintainability.

Accessibility is central to how I think about development. It is not a checklist but rather a design and engineering mindset. I care deeply about creating interfaces that work for real people, across devices, abilities, and contexts. I am comfortable driving UI and UX decisions, collaborating closely with designers and stakeholders, and stepping in to improve what isn’t working, all while keeping clarity, inclusion, and sustainability at the core of the work that I do.

Dev Stack

The tools I use to build accessible, scalable, and maintainable websites

PHP icon

Modern PHP

JavaScript icon

JavaScript

HTML5 icon

HTML5

CSS3 icon

CSS3

Sass icon

Sass

Wordpress icon

WordPress

Woocommerce icon

Woocommerce

Shopify icon

Shopify

Statamic icon

Statamic

Blocks icon

Gutenberg

Laravel icon

Laravel

Tailwind icon

TailwindCSS

Components icon

Components

W3C icon

W3C

Mobile devices icon

Responsive

Speedtest icon

Performance

Code icon

Developer Tools

Server stack icon

Local by WP Engine

Cloud upload icon

Kinsta

Git icon

Git

Vite icon

Vite

Laravel icon

Laravel Mix

npm icon

npm

Figma icon

Figma (Dev)

Selected Professional work

Client-facing websites developed as part of full-time role and collaborative teams

Web Developer Project: Rare Bird, Inc.

Project

Rare Bird, Inc.

Role: Lead Developer (Homepage animations implemented by collaborating developer)
Platform: WordPress

Overview
Led development of a fully custom WordPress theme, collaborating with the design team early to resolve accessibility considerations during the Figma design phase. Architected the front-end using modular components and modern tooling, including Vite with HMR to support scalable development. Developed custom Gutenberg blocks and interactive JavaScript features while implementing full accessibility practices across the site, including keyboard support, screen reader testing, and browser validation.

Key Contributions

  • Built a custom WordPress theme with modular components and an editor-friendly architecture for easy content updates.
  • Implemented comprehensive accessibility improvements, including semantic HTML, ARIA attributes, keyboard navigation, and screen reader support.
  • Developed a custom team page block where role information animates into view on hover and focus.
  • Built JavaScript interactions including hover-based video playback with accessible play/pause controls and randomized UI behaviors designed with accessibility safeguards.
  • Conducted performance optimization, cross-browser testing, and responsive QA to ensure reliable delivery across devices.

Highlight
Developed custom looping pagination to allow users to navigate continuously through content without dead ends, maintaining intuitive flow and accessibility compliance.

Skills & Tools
WordPress, PHP, JavaScript, HTML, Tailwind CSS, Custom Gutenberg Blocks, Vite with HMR, Git, npm, Figma, Local by WP Engine, Kinsta, accessibility and performance testing

Web Developer Project: Harrison Steel

Project

Harrison Steel Castings Company

Role: Lead Developer
Platform: WordPress

Overview
Led development of a custom WordPress theme refresh, collaborating closely with designers to translate Figma designs into a scalable site that could be managed by non-technical users. Delivered comprehensive accessibility, performance, and cross-browser improvements across the site.

Key Contributions

  • Built a custom WordPress theme from the ground up, translating Figma designs into a scalable, editor-friendly architecture.
  • Implemented comprehensive accessibility improvements, including semantic HTML, ARIA attributes, keyboard navigation, screen reader testing, and automated accessibility tooling.
  • Developed a custom navigation walker to support complex dropdown menu structures while maintaining accessibility.
  • Created a bilingual newsletter archive powered by custom post types
  • Conducted performance optimization, cross-browser testing, and responsive QA to ensure reliable delivery across devices.

Highlight
Developed a custom Careers Assessment Tool to help candidates identify relevant job opportunities based on their interests and qualifications.

Skills & Tools
WordPress, PHP, JavaScript, HTML, Tailwind CSS, Custom Gutenberg Blocks, Laravel Mix, Git, npm, Figma, Local by WP Engine, accessibility and performance testing

Web Developer Project: INvestEd Indiana

Project

INvestEd Indiana

Role: Lead Developer
Platform: WordPress

Overview
Led the development of a full website refresh with a strong focus on accessibility, scalability, and long-term content manageability. Collaborated closely with the design team to ensure accessibility considerations were addressed early and carried through implementation.

Key Contributions

  • Built a custom WordPress theme from the ground up, translating Figma designs into a scalable, editor-friendly site.
  • Partnered with designers to validate color contrast, typography, and form labeling against accessibility requirements.
  • Developed custom forms and integrated Delivra for email communications.
  • Created reusable Gutenberg blocks, patterns, and shared template parts to reduce template sprawl and simplify maintenance.
  • Implemented a custom tabbed navigation block to present lending options in a clear, accessible format.
  • Performed comprehensive accessibility testing (keyboard, screen reader), browser testing, and responsive QA.

Highlight
Developed a custom AJAX-powered event filtering system by Indiana county, including persistent pagination behavior so filters remain intact when navigating back to results, improving usability without compromising accessibility.

Skills & Tools
WordPress, PHP, JavaScript, HTML, LESS, Custom Gutenberg Blocks, Laravel Mix, Git, npm, Figma, Local by WP Engine, accessibility and cross-browser testing

Web Developer Project: Gripp, Inc.

Project

Gripp, Inc.

Role: Lead Developer
Platform: Laravel

Overview
Led development of a custom Laravel site. Collaborated with design team and translated Figma designs into a maintainable codebase. Ensured the site was performant, accessible, and easy for internal teams to update and extend as the company grows.

Key Contributions

  • Translated Figma designs into a modular Laravel-based front end designed for long-term team collaboration.
  • Built reusable Laravel components to support consistent UI patterns and reduce duplication.
  • Integrated Statamic CMS and developed custom fieldsets and blueprints to support content management for newsletters.
  • Ensured full keyboard and screen reader support across interactive elements.
  • Conducted cross-browser and responsive testing to ensure consistent performance across devices.

Highlight
Developed a navigation builder tool to dynamically manage dropdown menus in the main navigation without hardcoding, improving maintainability and accessibility.

Skills & Tools
Laravel, PHP, JavaScript, HTML, Tailwind CSS, Custom Component Development, Vite, Git, npm, Figma, Herd, accessibility and cross-browser testing

Patterns & Components

Reusable, accessibility-forward, and scalable UI built for real-world use