I design and build enterprise software systems that turn complex product, data, and platform problems into maintainable user experiences.
My work spans healthcare, digital media, retail commerce, and platform engineering, with a focus on frontend architecture, UX engineering, integration layers, performance, and accessibility.
Many projects were delivered inside enterprise environments where source code and internal systems cannot be publicly shared. These case studies focus on architecture, constraints, product decisions, and outcomes.
Selected Case Studies
Astro Blog Design System
I designed and built this site’s design system from the ground up using Astro, vanilla CSS custom properties, and progressively enhanced native components. The system includes fluid typography, semantic OKLCH color tokens with light and dark themes, a spacing rhythm based on a fluid baseline unit, layout rails for readable measure, and accessible interactive patterns that work with keyboard, screen reader, and reduced-motion preferences.
Every component was developed and documented in an isolated Storybook lab that renders the same production CSS, tokens, fonts, and themes. The lab includes automated accessibility checks using axe-core, and the system is verified by Lighthouse performance budgets, type-safe Astro templates, and Playwright regression tests.
Focus areas
Highlights
- Built a token-based design system with fluid typography, semantic color tokens, and spacing rhythm
- Created accessible Astro components with keyboard, screen-reader, and reduced-motion support
- Implemented light and dark themes using OKLCH color and system-preference detection
- Documented every component in a Storybook lab with automated axe-core accessibility checks
Scaling Multi-Tenant Frontend Systems
I worked with the Arc XP team to architect frontend standards for a multi-tenant enterprise CMS used by news publishers. We built a token-based design system customers could adapt to their own brands, along with responsive components for high-performance, accessible, SEO-friendly news sites. The work also included media components for responsive images and video playback.
I also helped migrate major publishers onto Arc XP, including the Los Angeles Times, Atlanta Journal-Constitution, Chicago Sun-Times, Gray Media, Le Parisien, El País, and Infobae. The work required a mix of client consulting, developer training, and frontend implementation to preserve each publisher’s brand while integrating with legacy CMS, data, vendor, and editorial workflow systems.
Public repositories
- wpmedia/arc-themes-blocks (opens in new tab)Arc XP · Arc Themes Blocks
- wpmedia/arc-themes-components (opens in new tab)Arc XP · Arc Themes Components
- wpmedia/engine-theme-sdk (opens in new tab)Arc XP · Engine Theme SDK
- wpmedia/news-theme-css (opens in new tab)Arc XP · News Theme CSS
- washingtonpost/arcads (opens in new tab)Washington Post · Arc Ads
Focus areas
Highlights
- Architected reusable frontend standards for a multi-tenant publishing CMS
- Built brand-customizable design tokens and responsive news components
- Supported major publisher migrations from legacy CMS and workflow systems
- Delivered client consulting, developer training, and branded site implementations
Reengineering Enterprise Commerce Performance
I worked on Under Armour's ecommerce UX engineering team, helping maintain and reengineer a custom-built commerce platform rather than a packaged storefront system. My work spanned frontend architecture, UI implementation, performance optimization, accessibility, SEO, and responsive experiences across product pages, category pages, cart and checkout, campaign pages, navigation, search, and content-driven areas of the site.
I also supported data-informed UX decisions through A/B and multivariate testing, prototyping, QA collaboration, and integrations with third-party commerce services for marketplaces, reviews, ratings, analytics, and merchandising workflows. During the broader platform reengineering effort, I spearheaded UI optimization patterns and responsive implementation approaches that improved maintainability, performance, accessibility, and customer experience across a high-traffic retail environment.
Focus areas
Highlights
- Spearheaded UI optimization patterns for a custom ecommerce platform
- Implemented responsive commerce experiences across core shopping flows
- Supported data-informed UX decisions through A/B and multivariate testing
- Integrated third-party commerce services across marketplace, review, analytics, and merchandising workflows
Building Integration Layers for Product Teams
I built integration-layer architecture for Blue Cross NC healthcare experiences spanning provider tools, internal admin, enrollment, claims, customer service, and care navigation. The work centered on a GraphQL gateway that aggregated upstream APIs, normalized inconsistent data shapes, handled auth/context, caching, feature-flag routing, and error handling, and gave frontend teams a more stable contract for product delivery.
I also built Vue components, Web Components, GraphQL schemas and resolvers, API contracts, integration services, testing patterns, and controlled release workflows. This reduced frontend coupling to fragile upstream systems, improved delivery consistency, and supported safer releases in a healthcare environment with compliance, accessibility, legacy-system, and production-risk constraints.
Focus areas
Highlights
- Built a GraphQL gateway to aggregate APIs and normalize inconsistent healthcare data
- Created stable API contracts that reduced frontend coupling to upstream services
- Implemented feature-flag routing, error handling, caching, and controlled release patterns
- Built reusable Vue and Web Component experiences for cross-framework product teams
Designing Interactive Decision Experiences
I built a lifespan estimator for Aspida that translated actuarial inputs into a guided, approachable experience for retirement-planning conversations. The React application used a Context-based state machine to manage branching questions, user selections, progress, visualization states, animation states, and lifespan estimate logic.
The work balanced actuarial rigor with a lighter presentation, combining mortality data, hazard ratios, life expectancy ranges, and assumptions with responsive UI, data visualization, accessibility, and Rive-powered mascot animations. I collaborated with actuaries, executives, product, design, marketing, engineering, and compliance teams to make a difficult topic more engaging, understandable, and useful.
Focus areas
Highlights
- Built a state machine for branching questions, progress, visualization, and estimate logic
- Translated actuarial data into an approachable retirement-planning experience
- Integrated Rive-powered mascot animations as feedback and engagement cues
- Aligned actuarial, product, design, engineering, marketing, and compliance stakeholders
How I work
The common thread across these engagements is not a specific framework or language. I focus on identifying constraints, simplifying complexity, aligning stakeholders, and creating systems that help teams move faster while improving outcomes for users.
If any of these case studies connect with the problems your team is solving, I'd welcome a conversation.
Supporting Artifacts
This portfolio is also a small design-system exercise: fluid typography, semantic color tokens, spacing rhythm, layout rails, component patterns, and accessibility defaults. These artifacts document how the system works behind the scenes.
Design System CompanionA live example of how I document frontend systems: tokens, layout rules, component behavior, accessibility decisions, and implementation tradeoffs.View the referenceSite QualityReproducible quality measurements for performance, accessibility, bundle size, test coverage, and Storybook isolation. Updated from the current build.Review quality measurements