MEANWHILE, IN MONTRÉAL...

JÉRÔME

D.SOUCY

FRONTEND!

Senior Frontend Engineer

Design systems, React/TypeScript component libraries, and AI-augmented engineering.

▶ READ THE ISSUE✦ GET IN TOUCH

◆ Greater Montréal Metropolitan Area · Open to remote roles globally, or hybrid in Montréal ◆

★ FRONTEND ENGINEER▶ REACT / TYPESCRIPT◆ DESIGN SYSTEMS♥ COMPONENT LIBRARIES✦ NEXT.JS▲ AI-AUGMENTED WORKFLOWS● CLAUDE · FAL · ELEVENLABS■ 15+ YEARS SHIPPING★ FRONTEND ENGINEER▶ REACT / TYPESCRIPT◆ DESIGN SYSTEMS♥ COMPONENT LIBRARIES✦ NEXT.JS▲ AI-AUGMENTED WORKFLOWS● CLAUDE · FAL · ELEVENLABS■ 15+ YEARS SHIPPING
CHAPTER 01

ORIGIN STORY

★ ISSUE #01 · MONTRÉAL ★

15+ years building React/TypeScript apps and design systems for banking, retail, real estate, and B2B SaaS. Recently shipping AI-driven products with Claude, Fal, and ElevenLabs — and exploring agentic workflows with OpenClaw and Claude Agent SDK.

I've led design-system and frontend-architecture work for banks, retail platforms, and B2B SaaS — recruiting engineers, building tokens and primitives, and rewriting legacy React codebases so teams can ship faster. Right now I'm channeling that same instinct into AI products and agentic workflows: tools that take messy human work and turn it into a clean, reusable pipeline.

Open to full-time or long-term contract — fully remote, or hybrid in Montréal.

CHAPTER 02

FEATURED ISSUES

POW!
ISSUE #012026

genderflip.io

AI tool that gender-swaps any talking-head video.

Built end-to-end: video upload, script extraction, gender-flipped rewrite, voice synthesis matching cadence and accent, and a face-swapped avatar that delivers the speech in 9:16. Live cost breakdown surfaces every API call as it happens.

Next.jsFalAnthropic ClaudeTypeScriptTailwind
▶ READ IT →
BAM!
ISSUE #022023–2025

JLL Design System

Tokens, primitives, and shared utilities across product squads.

Led design-system work at JLL: design tokens, reusable React/TypeScript components, and shared utils consumed by multiple product teams. Companion guidelines for the JavaScript codebase and performance improvements to existing web apps.

ReactTypeScriptTailwindstyled-componentsJestFigma
ZAP!
ISSUE #032021–2023

WorkJam — Squad Lead

Frontend platform work for a workforce-management SaaS.

Led a domain squad delivering frontend work for WorkJam's platform — atomic-design system, Next.js apps, recruiting and mentoring engineers, and unblocking systemic delivery issues.

ReactNext.jsTailwindJestAtomic Design
WHAM!
ISSUE #042018–2020

National Bank of Canada — Frontend Architect

Modernizing legacy React across multiple banking projects.

Analyzed and refactored older React codebases for long-term maintainability; aligned multiple project teams on shared libraries; researched and introduced tooling to improve workflow.

ReactReduxReact HooksTypeScriptWebpackJest
CHAPTER 03

BACK ISSUES

Independent / Consulting

— Frontend Engineer — AI products & automation

◆ 2025 – Present

  • ▸Designed and shipped genderflip.io — a Claude + Fal pipeline that gender-swaps talking-head videos, generates voice, and assembles 9:16 deliverables.
  • ▸Building agentic workflows on Claude Agent SDK and OpenClaw — multi-agent task systems, structured tool use, browser automation for content pipelines.
  • ▸Frontend engineering on internal Next.js apps: design tokens, reusable component layers, Vercel deploys.
Next.jsReactTypeScriptTailwindClaude APIFalElevenLabs

JLL

— Software Developer Lead

◆ 2023 – 2025

  • ▸Built the design system: tokens, primitives, reusable React components, and shared utilities used across product squads.
  • ▸Improved performance of existing web apps — bundle size, rendering, and initial-load metrics.
  • ▸Reviewed and rewrote internal JavaScript guidelines so squads ship from a common baseline.
ReactTypeScriptTailwindstyled-componentsJestFigmaWebpack

WorkJam

— Domain Squad Lead

◆ 2021 – 2023

  • ▸Led the squad's React/Next.js work — atomic-design system, responsive UI, test coverage.
  • ▸Recruited and retained senior frontend engineers; ran 1-1s, career planning, and mentoring.
  • ▸Diagnosed systemic delivery obstacles and made the calls that unblocked them.
ReactNext.jsTailwindJestAtomic Design

Edge10 Group

— Head of Technology

◆ Feb 2020 – Aug 2020

  • ▸Recruited and managed the engineering team; built strategic plans for portfolio companies.
  • ▸Authored tech policies, procedures, and roadmaps with stakeholders.

National Bank of Canada

— Frontend Architect → Lead Software Developer

◆ 2018 – 2020

  • ▸Analyzed legacy React codebases and refactored them for long-term maintainability.
  • ▸Aligned multiple teams on shared libraries and conventions.
  • ▸Researched and introduced tooling and patterns that improved the workflow.
ReactReduxReact HooksTypeScriptWebpackJestGraphQL

Qover

— Senior Software Engineer

◆ 2017 – 2018

  • ▸Built a complex mobile-first web application and a library of reusable components.
  • ▸Owned frontend-backend contract quality and unit-test coverage.
ReactReduxNode.jsMongoDBWebpackJestTDD

Barco

— Senior Software Engineer

◆ 2016

  • ▸Built a bleeding-edge web application connecting to consumer home devices (Alexa integration).
ReactAngularJSReduxNode.jsMongoDB

LiveShout

— Senior Front-End Developer

◆ 2015 – 2016

  • ▸Full-stack ownership of a connection-focused web app — DB, API, responsive UI, and feature design.
ReactReduxFirebaseWebpackSCSS

Intellio Capital Humain (Outbox Tech)

— Senior Front-End Developer

◆ 2015

  • ▸Senior consultant rebuilding the HTML5 version of a legacy Flash web app; authored reusable components for the team.
ReactFluxGulp

Virtual Artifacts

— Lead Front-End Developer

◆ 2014 – 2015

  • ▸Responsive web applications and marketing-driven sites; R&D on emerging tools.
AngularJSNode.jsRESTGruntYeoman

FAKT

— Co-founder & Lead Front-End Developer

◆ 2013 – 2015

  • ▸Co-founded the studio; shipped Thirdshelf (retail SaaS), interactive video walls for X2O Media (Verizon flagship store at Mall of America, Lockheed Martin), and Desjardins' VMD site.
  • ▸Responsive web apps for Pixia Soft, Subledger, Pushup Charity, Loue Froid, Castle Story.
AngularJSBackboneJSNode.jsMongoDBMySQLPHP

Mobilogie

— Lead Software Developer

◆ Sep 2012 – Jan 2013

  • ▸Led the web department; mentored two junior developers; rolled out Jira tooling.

Nurun

— Senior Front-End Developer

◆ 2011 – 2012

  • ▸Major projects for Vidéotron (Trouve-tout), Hydro-Québec (responsive lead), L'Oréal, BRP, Michelin, BFGoodrich, Sanofi (Star System responsive), Gore (Backbone web app).
  • ▸Built internal tooling (sprite generator, Grunt-based pipeline) and trained the team on emerging tooling.

MindGeek Canada

— Front-End Developer

◆ 2009 – 2011

  • ▸High-traffic websites; modules and plugins for an in-house CMS.

Kung Fu Numérik

— Front-End / Back-End Developer

◆ 2006 – 2009

  • ▸First professional role; full-stack web work across Flash/HTML/CSS/JS, PHP, and UI design.
CHAPTER 04

SUPER POWERS

Core

  • React
  • TypeScript
  • Next.js
  • Node.js
  • JavaScript (ES2024)

Design Systems

  • Atomic Design
  • Tokens
  • Reusable components
  • Tailwind CSS
  • styled-components
  • Figma

AI / Automation

  • Claude API
  • Fal
  • ElevenLabs
  • Prompt engineering
  • Agentic workflows (OpenClaw, Claude Agent SDK)

Tooling

  • Jest
  • Storybook patterns
  • Vercel
  • Git
  • GitHub
  • GitHub Actions
  • Supabase
  • Firebase
  • Make
  • n8n
  • Zapier
  • REST
  • GraphQL
  • Redux
  • MongoDB
FINAL CHAPTER

TO BE CONTINUED!

LET'S BUILD SOMETHING LOUD!

Looking for a senior frontend engineer who can ship a design system, lead a squad,andwire up the AI layer? Hit me up.

✉ jeromedsoucy@gmail.com▶ LinkedIn★ RÉSUMÉ