Proof in production

Modernisation success stories

Transparent breakdowns of the remediation programmes we lead. Each case study covers the initial risk, the playbook we applied, and the measurable outcomes that executives share.

Summit Ledger · FinTech

Signals Migration for a Financial Operations Dashboard

  • Angular 20
  • SignalStore
  • Nx
  • Azure Functions

Migrated a trading dashboard to Angular 20 with Signals and design tokens, eliminating jitter and giving executives proof of improved UX.

Challenge

The existing Angular 11 dashboard used zone-heavy NgRx setups with 1.2s median render times on modest laptops. Executives wanted v20 features without another rewrite.

Approach

  • Introduced Signals for the most interactive portfolio components first, keeping NgRx around shared async workflows until Signals parity existed.
  • Rebuilt theme tokens and density controls so traders could switch between “compact” and “analysis” modes instantly.
  • Instrumented Core Web Vitals, custom facility metrics, and SSR hydration timings in Grafana.

Outcomes

  • Render counts on the allocations panel dropped 68%.
  • SSR first contentful paint improved from 2.9s to 1.7s on target hardware.
  • Design QA cycle shrank from 4 days to under 2 thanks to Storybook contracts.
  • 68%Fewer renders on critical widgets
  • 1.2s → 0.6sMedian interaction latency
  • 2x fasterDesign QA turnaround

AngularUX · Portfolio / Hiring Enablement

Building the AngularUX Showcase Itself

  • Angular 20
  • PrimeNG
  • Firebase Hosting
  • Cloud Functions
  • Tailwind tokens

The AngularUX site is both a product and a case study, showing how I balance aesthetics with disciplined engineering.

Challenge

Create a single showcase that communicates design sensibility, architecture rigor, and delivery maturity to hiring stakeholders.

Approach

  • Designed a modular content model so blog posts, guides, and demos can share the same visual vocabulary.
  • Implemented SSR on Firebase with per-route analytics and a blog generator that writes Markdown content focused on Angular topics.
  • Layered highlight.js, Markdown rendering, and copy-to-clipboard UX to make every article code-friendly.

Outcomes

  • 93 Lighthouse performance/accessibility scores on mobile hardware.
  • Under 250KB for initial critical bundle thanks to Signals + lazy routes.
  • Hiring managers can browse code walkthroughs, case studies, and guides from a single navigation surface.
  • 93 / 100Mobile Lighthouse Performance
  • <250KBInitial bundle budget
  • 100%Content rendered with markdown + highlight.js