Chris Spurlock

A Passion for Pixels and Polish

Senior front-end / UX Engineer and UI Designer with a journalist’s eye and a builder’s heart. I craft accessible, high-performance web experiences with care and clarity.

About Me Download Resume

Pushing Pixels

Designs That Delight

Projects where I led the UI design—shaping strategy, structure, and style to create intuitive, inclusive experiences that feel as good as they look.

Sure
Sports website screenshot. The site headline is Better Banking for Athletes and there is an illustration of a baseball player in a line art style.
Two buttons read Call Now and Request Financing.

June 2023

Modern, minimal UI for contract-based lending platform

Custom WordPress theme built from scratch with Kadence, Gutenberg, and ACF. Designed a flexible block-based system to serve a niche, high-trust user base with speed, polish, and clarity.

suresports.com

Design Development Project Management

January 2023

Playful, approachable UI for bestselling self-help author

Led UI design and QA on a custom Kadence theme with WooCommerce, LearnDash, and AutomateWoo — blending coaching, commerce, and community into a unified, user-first experience.

youarenotstuck.com

Design Project Management

A Place 2 Grow
website screenshot. The site headline is Reggio Emilia inspired curriculum for ages six weeks to twelve years. The pictured section of the site has
a spring-green background and features logos of organizations to which A Place 2 Grow belongs.

April 2018

Whimsical, parent-friendly UI for a nature-focused childcare center

Custom WordPress build featuring ACF-powered templates, a weekly meal calendar, an event calendar, photo galleries, and classroom pages — all with thoughtfully designed, print-friendly layouts for parents.

aplace2growchildcarecenter.com

Design Development Project Management

AAIMEA Member Dashboard
website screenshot. The dashboard contains links to various member resources and also features a call to action to a forthcoming AI chatbot.

March 2024

Responsive, streamlined UX overhaul for HR platform’s member dashboard

One-page member portal redesign with a focus on clarity, speed, and usability — built with Tailwind, custom interactivity, and a GPT-powered assistant. Currently leading the design and project management of a custom Vue-based LMS, set to launch soon.

aaimea.org/member-dashboard

Design Development Project Management

The Stack

Technologies I Use

Over the years, I’ve worked with a range of technologies in the web development world, from frontend to backend and everything in between. These are the ones I trust and return to daily.

Languages & Syntax

The core coding languages I use to build and debug everything from themes to APIs.

JavaScript

TypeScript

PHP

HTML

CSS

Frameworks & Libraries

Tools I use to organize, enhance, or extend core languages.

React

Vue

Eleventy

Nunjucks

Tailwind CSS

shadcn/ui

Radix UI

Headless UI

Alpine.js

Framer

Lottie

GSAP

Design & UX Tools

Where I shape ideas visually and refine complex interfaces.

Figma

Sketch

Adobe XD

Miro

CMS & Site Builders

How I build, scale, and manage client sites—especially in WordPress.

WordPress

ACF

Kadence

Tooling & DevOps

My environment, deployment, hosting, and version control setup.

GitHub

Netlify

WP Engine

Local

Data & API Work

How I connect apps, send data, and build integrations.

REST APIs

JSON

Postman

Swagger

Marketing & Measurement

For SEO, analytics, conversion tracking, inclusiveness, and compliance.

Accessibility

GTM

SEO

AI & Automation

Tools I use to streamline workflows, refine ideas, and code smarter (and faster).

ChatGPT

Claude

Gemini

Cursor

Windsurf

PM & Communication

Tools that keep projects moving smoothly, ideas organized, and teams aligned.

Slack

Trello

BugHerd

Jira

Crafting Code

Under the Hood

Projects where I focused on frontend development and acted as the connective tissue between designers, developers, clients, and stakeholders—translating vision into shipped, accessible, performant code.

Homepage hero image of
the STL 2030 Progress website. It features a stylized infographic arrow made of red, yellow, and blue bands pointing to a compass icon. Text reads
"Progress to 2030" with a description about tracking inclusive economic growth in the St. Louis metro.

July 2024

Dynamic web experience to visualize regional economic progress

Collaborated with Tremendousness to build a performant, accessible frontend featuring 60+ charts and hundreds of initiatives via Tableau and ArcGIS. Focused on custom theming, data viz, and WCAG compliance.

stl2030progress.com

Development Interactivity Visualization

Side-by-side comparison of hero sections from Mayflower and United Van Lines websites. The Mayflower section on the left features a green
background with white serif text reading "Mayflower® Moving Companies: America’s Most Trusted Mover" alongside a map illustration with location
pins. The United Van Lines section on the right features a blue and white design with the headline "United Moving Companies – We Take Care Of It
All" and a cityscape line drawing at the bottom. Both sections include "Get a Quote" call-to-action buttons.

December 2019

Dual-site, modular, brand-specific frontend dev for national moving giants

Joined forces with HLK to develop dual-brand frontend architecture for Unigroup’s flagship moving sites, Mayflower Moving and United Van Lines. Balanced consistent design systems with unique branding for each carrier, tackling large-scale content and UI complexity with a shared technical foundation.

mayflower.com | unitedvanlines.com

Development

Homepage hero
image of ExcelinEd’s School Choice Matters website. Light blue background with clouds, school buildings, and children walking toward a school bus.
Text reads "How can my state give all children access to the educational opportunities they deserve?"

November 2024

Custom, interactive policy explorer for national nonprofit advocacy team

Built in partnership with Tremendousness for ExcelinEd, this Tailwind-powered site integrates ACF and Alpine.js for interactive maps, tabbed content, and dynamic state-by-state views. Prioritized accessibility and mobile usability while visualizing complex educational policy data.

schoolchoicematters.org

Development Interactivity Visualization

Screenshot of the Artesys homepage featuring the headline "Build your future with Artesys." followed by
the tagline "Retirement investing strategies done for you." The layout includes four diverse, lifestyle-oriented photos of people of different ages
and ethnicities, with a highlighted text box that reads: "Artesys is driven to help shape a future where a secure and fulfilling retirement is not
just a dream, but a reality for everyone." A green call-to-action button below says "See the Artesys advantage."

March 2024

Custom marketing site and advisor-focused portfolio builder

Frontend development for a dynamic portfolio recommendation app embedded within a WordPress site, helping advisors guide clients to smarter retirement strategies with ease and clarity. Joint effort between Kestrel and Atomicdust

artesysonline.com

Development Wep App UX Enhancements