Skip to main content
pfaff.design

2024

PMI

Front-End Engineer

Implemented a detailed design system across complex, content-heavy enterprise templates.

PMI mockup

Context

PMI undertook a large-scale redesign to modernize a content-heavy enterprise website with many templates. The challenge centered on implementing a detailed design system across complex, information-dense page types.

Problem

  • Design specifications were highly annotated, demanding precise translation

  • System needed to balance fidelity, accessibility, and maintainability

  • Project emphasized consistency over bespoke layouts or shortcuts

Solution

Implemented a modular front-end system supporting dozens of complex, content-heavy templates consistently through component-driven architecture.

Key Deliverables

  • Modular front-end system for content-heavy templates

  • Accessible, semantic component architecture

  • Reusable patterns reducing maintenance overhead

Impact

Enabled designers to ship detailed layouts confidently without introducing fragmentation across the site. Established reusable patterns that reduced long-term maintenance overhead.

Learnings

  • Strengthened skills in translating complex design specs to scalable code

  • Developed patterns for enterprise-scale design system implementation

PMI homepage
PMI content page
PMI article layout
PMI resource section
Chat

Hi — glad you’re here.

This space is a conversation about Charles Pfaff’s work — the projects, the systems behind them, and the thinking that shaped them.

If you’re not sure where to begin, you could ask:

Follow-up questions:

  • Get to know me in 3 minutes
  • Ask about brands I've worked with
  • Ask about what I do
ProjectsContact