lancewashington.studio — est. 2025

CRAFT
AT
EVERY
SCALE.

A personal studio for digital design, accessibility, front-end craft, and timeless menswear.

01
UI Design
Interfaces built with intention
Figma to code. Component systems. Visual problem-solving.
02
Front-End Dev
React, Next.js, MODX, HTML/CSS
Hand-crafted markup. Every line accountable.
03
Accessibility
WCAG 2.2 AA strategy & auditing
Making the web work for everyone, not just the average user.
04
Classic Menswear
Tailoring, sport coats, style notes
The 1940s silhouette. eBay finds. Wearing it well.
/work
SELECTED
WORK
All work →
Case Study — AAA Club Alliance

Accessibility Tooling Strategy for a Digital Organization

Led evaluation and rollout of accessibility tooling across a React/Next.js monorepo — axe DevTools, eslint-plugin-jsx-a11y, Storybook integration, Cypress-axe, and a 77-finding audit CSV tied to Jira epics.

WCAG 2.2 AA React Storybook Cypress
MODX Build — FABC

First African Baptist Church

Full multi-page site: mega menu, PDF slide-out panels, FLIP lightbox gallery, animated era cards, hero carousel, and complete MODX chunk/TV architecture.

MODX Rev. HTML/CSS JS
UI Design

Sweet It Is! Wedding Cakes

Eight-page site with design system, interactive pricing calculator, and masonry FLIP gallery.

MODX CSS
Case Study — N2N CDC

Neighbor to Neighbor CDC

Full redesign for a nonprofit in Sharon Hill, PA — mobile hamburger nav, Board of Directors page with overlay refinements, color palette exploration, and a PDF panel system mirroring the FABC implementation.

MODX Revolution Nonprofit Accessibility Mobile-first

THE SHARED THREAD IS CRAFT — THE KIND THAT COMES FROM PAYING ATTENTION.

/journal
NOTES &
OBSERVATIONS
All entries →
Design

On the value of consolidating stylesheets before you go to CMS

A disciplined approach to CSS architecture pays dividends when migrating from static HTML into MODX. Here's why I always consolidate first.

May 2025
Accessibility

Building a 77-finding WCAG audit into a Jira-ready CSV

Taking a raw screen reader pass and translating it into something engineers can actually act on is its own design problem.

Apr 2025
Development

Cloudflare email obfuscation and why it breaks your JavaScript

The email protection script can truncate uploaded HTML and silently kill JS execution. Here's what's happening and how to work around it.

Mar 2025
Menswear

What 1940s trouser construction gets right that modern trousers don't

High-rise, full seat, tapered leg — the classic silhouette isn't nostalgia. It's engineering.

Feb 2025
MENSWEAR
/menswear
CLASSIC
MENSWEAR
Browse all →
01

Sport Coats

Tweeds, hopsacks, odd jackets — built for the man who wears a coat not because he has to, but because he wants to.
02

Tailoring

Period-accurate silhouettes and the case for a proper drape, from the blade to the trouser break.
03

eBay Finds

Vintage scores, deadstock discoveries, and the ones that got away.
04

Style Notes

Observations on proportion, cloth, color, and the details that separate a good outfit from a great one.
05

Alterations & Sewing

What to take in, let out, and why learning to sew is the best menswear investment you can make.
/projects
SIDE
PROJECTS
All projects →
Design Systems
Active

FABC Component & Chunk Architecture

MODX chunk and TV architecture for First African Baptist Church — mapping a fully-built static site into a maintainable CMS implementation plan.

MODXTwigCSS
React Components
Building

Accessible Component Library Audit

Storybook coverage audit of 242 components — mapping which meet WCAG 2.2 AA and which need remediation, scoped by team ownership.

StorybookReactaxe-core
MODX Builds
Active

Sweet It Is! CMS Migration

Migrating a static HTML wedding cake site into MODX Revolution on Hostinger — CSS consolidation, chunk strategy, and TV controls for content managers.

MODX Rev.HostingerHTML/CSS
Side Projects
Building

Business Line Page Builder PoC

A proof-of-concept page builder for AAA stakeholders using React and a Storybook component registry — letting business teams compose pages without engineering handoff.

ReactStorybookNext.js
/about

LANCE
WASHING
TON

Portrait placeholder — replace with your photo
Portrait

Designer, developer, and chronic overthinker of lapel rolls and focus rings.

I'm a web designer and front-end developer based in the Philadelphia area — working at the intersection of UI craft, accessible code, and the occasional perfectly-proportioned sport coat.

By day I work on the Digital Engineering team at AAA Club Alliance, leading accessibility compliance strategy across digital properties — WCAG 2.2 AA, tooling evaluation, developer workflow, and audit remediation. On the side, I build client sites for organizations like First African Baptist Church and Neighbor to Neighbor CDC using MODX Revolution, hand-crafting every line of HTML, CSS, and JavaScript.

The menswear interest is real and old. I've been drawn to classic American and British tailoring for years — the 1940s high-rise trouser, the full drape, the sport coat as everyday armor. It's not fashion; it's craft. The same reason I care about whether a component has a proper focus ring is the same reason I care about whether a lapel rolls to the right button.

UI Design
Front-End Dev
Web Accessibility
MODX CMS
React / Next.js
Classic Menswear
Design Systems
Vintage Tailoring