HM.
Back to work

TeachersMutualBank

Client
AEM Franklin / Edge Delivery Services

Delivered a high-performance, block-based frontend architecture with a multi-brand theming system running on a single codebase.

  • AEM Franklin / EDS
  • Multi-brand theming
  • Figma-to-SCSS automation
  • Performance tuning
90-95
mobile Lighthouse across key pages
1
codebase serving multiple brands

This build implemented a high-performance, block-based frontend architecture using AEM Franklin (Edge Delivery Services), maintaining 90 to 95 mobile Lighthouse scores across all key pages while diagnosing and resolving component-level performance regressions.

A multi-brand theming system was designed and delivered on a single codebase, alongside a Figma-to-SCSS design token automation script in Node.js that auto-generates typed SCSS variables from Figma exports, removing manual token translation for designers and engineers.

What shipped

  • Block-based frontend architecture on AEM Franklin
  • Multi-brand theming on a single codebase
  • Figma-to-SCSS token automation script (Node.js)
  • Served as go-to problem-solver for complex component edge cases, mentored junior developers