Ismail Chelabi

Senior Frontend Engineer

Available for projects

Ismail Chelabi

Senior Frontend Engineer for Scalable SaaS Platforms

I help product and engineering teams build frontends that scale, structuring codebases teams can own, evolve, and ship with confidence. My work spans architecture decisions, component design systems, and the integration challenges that surface when enterprise products grow.

Discuss a project View case studies →
4+ Years in Angular
12 Enterprise projects
2 Design systems shipped

What I do

Services

Strategic technical consulting and advisory for engineering leadership and product squads. I de-risk complex frontend initiatives, modernize legacy architectures, and build shared UI platforms that help enterprise teams ship faster with lasting quality.

01

Frontend Architecture & Modernization

Architecting clean, modular frontends built to survive rapid product growth. I help engineering teams establish clear domain boundaries, scalable reactive state, and modern monorepo foundations that multiple squads can ship to independently.

  • Modular system architecture & domain boundary design (Nx Monorepo / Micro-frontends)
  • Scalable state management & async data-flow patterns (Signals, RxJS, Store)
  • Progressive modernization & migration roadmaps without halting feature delivery
  • Build optimization, type-safety standards, and developer tooling setup
02

Enterprise Design Systems & UI Infrastructure

Building the shared component infrastructure that bridges design and engineering. Token-driven, accessible, and engineered for high developer adoption across multiple squads and product suites.

  • Multi-brand design token architecture (Figma to code pipeline)
  • Accessible, themeable core UI library (WCAG 2.1 AA compliant)
  • Storybook documentation with production usage guidelines and patterns
  • Governance model and squad onboarding playbooks for lasting adoption
03

Performance, Web Vitals & Codebase Audit

A rigorous, data-driven evaluation of your frontend's performance, stability, and maintainability. I pinpoint runtime bottlenecks, memory leaks, and architectural flaws, delivering a prioritized remediation roadmap.

  • Core Web Vitals & runtime profiling (interaction latency, memory leaks, DOM thrashing)
  • Bundle size & dependency audit (tree-shaking, code splitting, lazy loading)
  • Codebase health & technical debt assessment with prioritized risk levels
  • Executive summary for leadership + actionable code-level fixes for developers
04

Strategic Frontend Advisory & Technical Discovery

On-demand technical leadership for high-stakes decisions. Whether you are scoping an ambitious product feature, vetting architectural feasibility, or needing an objective second opinion on a critical milestone.

  • Technical discovery & feasibility analysis for complex, data-heavy UI/UX features
  • Milestone architecture reviews and risk assessments before major releases
  • Objective library, framework, and vendor trade-off evaluation
  • Engineering alignment: mentoring senior engineers and guiding tech choices

Need a custom scope, dedicated architecture sprint, or ongoing technical advisory?

Selected work

Case Studies

Case 01 Banking Frontend Architecture Design System

From UI Fragmentation to a Shared Frontend Platform

Three banking products shared many of the same interface patterns but had no common UI foundation. Similar components were being implemented independently, creating inconsistencies and making maintenance increasingly expensive.

The same UI problems were being solved repeatedly by different parts of the team — slowing development and making changes harder to maintain.

Constraints

  • No existing shared UI foundation
  • 3 products evolving independently
  • ~5 developers, 1 designer
  • Design system built from scratch

Solution

  • Nx monorepo workspace architecture
  • 30+ shared presentation components
  • PrimeNG for interaction mechanics
  • Storybook as collaboration layer

Outcome

  • Consistent UI across 3 products
  • Faster feature development
  • Clear debugging boundaries
  • Zero business logic in UI library
Read full case study →
Case 02 Camunda BPMN.js TypeScript

Camunda Workflow Toolkit

Our backend already relied on Camunda, but workflow management lived outside the product. I designed and built a frontend toolkit that brought BPMN editing, workflow lifecycle management, versioning, and instance monitoring into the application.

If workflows are a core capability of our product, why should users need to leave the product to manage them?

Constraints

  • Complex workflow engine
  • BPMN.js default look needed customization
  • Monitoring thousands of instances
  • API contracts owned by backend team

Solution

  • bpmn-js components integration
  • 20+ custom UI components
  • Native lifecycle and versioning UI
  • Clear frontend/backend API boundary

Outcome

  • 10+ workflows managed directly
  • Thousands of instances monitored
  • No external Camunda admin tools needed
  • Native product design integration
Read full case study →

Get in touch

Let's talk architecture

If you're dealing with a scaling codebase, starting a design system, or navigating a tricky SDK integration — reach out. I'm happy to have a no-obligation conversation about where you are and what kind of support makes sense.

Location Remote · CET timezone