> Markdown version of [/jobs/ext/2280971-director-of-engineering-front-end-and-ordering-platform-remote](https://www.wearedevelopers.com/jobs/ext/2280971-director-of-engineering-front-end-and-ordering-platform-remote). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md). --- # Director of Engineering, Front-end and Ordering Platform (Remote) - **Company:** Shield AI - **Location:** Boston, MA, United States (Remote available) - **Salary:** $250,000.0 - $334,000.0 - **Contract:** Permanent contract - **Skills:** Artificial Intelligence, Code Generation, Continuous Integration, PostgreSQL, Next.js, Reverse Proxy, TypeScript, Web Applications, Web Usability, Openapi, Network Routers, ReactJS, Backend, Cloudflare, Apache Kafka, Figma, Front End Software Development, Api Design, Api Management - **Published:** August 28, 2026 - **Apply:** https://arc.dev/remote-jobs/j/redirect/pfua7cai6f ## About the Role * Demonstrated experience standing up front-end engineering organizations, not just inheriting them * Deep fluency in Next.js (App Router), React, TypeScript, and modern build tooling (e.g., Turborepo, Rspack), with hands-on architectural credibility * Experience leading multi-team web applications with micro-frontend architectures; strong opinions on composition strategies per journey stage and cross-MFE concerns (CSS isolation, state sharing, auth propagation, SSR vs. CSR, contract testing) * Ownership of a transactional customer journey - discovery, cart, checkout, payment - including BFF architectures and multiple customer types or ordering modes on a single platform * Practical AI fluency across front-end work: design-to-code workflows, AI-assisted testing, AI-powered product features, and the infrastructure that makes AI effective (component library docs, API contracts, repository context) * Design system experience - tokens, theming, cross-platform consistency, documentation for human and AI consumers * Expertise in performance and observability: Core Web Vitals, real user monitoring, and performance budgets enforced in CI * Experience leading engineering managers, developing teams, and making hard performance calls * Ability to travel up to 5 days per quarter for Together Weeks, team gatherings and other events, when applicable. Bonus Experience We'd Love To See * Micro-frontend architectures in production (Multi-Zones, Module Federation, edge composition, Islands architecture) * Design-to-code pipelines integrating Figma, Claude Design, v0, or similar tools * Agentic or AI-powered commerce experiences * Internal tools unification under a shared MFE shell * Headless commerce architectures consuming OpenAPI contracts with event-driven updates * Cloudflare (Workers, reverse proxy, CDN optimization) for edge-based front-end routing * Familiarity with Go, Kafka/MSK, Temporal, or PostgreSQL - the backend your front end consumes ## Description You will lead Experience Engineering at ezCater - owning the front-end platform, ordering experience, and the full customer journey from discovery through cart, checkout, and draft order submission. This is not a front-end lead role. You own the experience layer that turns a headless API platform into a product that customers use and that AI agents transact through. You will lead three teams (Discovery Experience, Ordering Experience, and Front-End Platform) and report to the VP of Engineering., * Own front-end platform and architecture across Next.js (App Router), React, TypeScript, and Astro, including micro-frontend composition strategies, monorepo, shared design system, cross-MFE state management, and MFE shell orchestrator. * Define the opinionated path for building and deploying front-end applications - CI/CD, observability, accessibility, performance budgets, and contract testing - across both the marketplace and internal tools channels. * Own the full ordering experience from discovery, personalization, and menu browsing through cart, checkout, and payment, consuming headless backend APIs through BFF layers. * Drive AI-native front-end development, including design-to-code pipelines (Figma, Claude Design, v0), AI-assisted development against organizational context, and AI-powered product experiences such as personalized recommendations, intelligent search, and conversational ordering * Ensure front ends are machine-readable and API-first to serve AI agents alongside human users, with awareness of emerging commerce protocols (MCP, Universal Commerce Protocol) * Own the design system as infrastructure - design tokens, theming, cross-platform consistency - packaged and documented for both human engineers and AI code generation workflows * Lead and develop three engineering teams, scaling the organization as it grows; recruit and develop engineers and managers, including from minimal staffing * Hold a high technical bar: review front-end system designs, challenge architectural decisions, and identify performance issues from technical signals ## Related Videos - [Boost Productivity with AI: Figma & Playwright MCP Workflows - Aris Markogiannakis](https://www.wearedevelopers.com/videos/1768-boost-productivity-with-ai-figma-playwright-mcp-workflows-aris-markogiannakis) - [GraphQL + Apollo + Next.js: A Lovely Trio](https://www.wearedevelopers.com/videos/311-graphql-apollo-next-js-a-lovely-trio) - [For the REST of us: API First and Conway’s Law](https://www.wearedevelopers.com/videos/1932-for-the-rest-of-us-api-first-and-conway-s-law) - [Microfrontends at Scale](https://www.wearedevelopers.com/videos/236-microfrontends-at-scale) - [Designing the Future of Human<>Agent Collaboration](https://www.wearedevelopers.com/videos/1447-designing-the-future-of-human-agent-collaboration) - [Shipping Faster with Less: Render on Cloud Hosting, AI Workloads, and the Future of DevOps](https://www.wearedevelopers.com/videos/1894-shipping-faster-with-less-render-on-cloud-hosting-ai-workloads-and-the-future-of-devops) ## Related Articles - [Dev Digest 120 - Apple and peers](https://www.wearedevelopers.com/magazine/455-dev-digest-120-apple-and-peers) - [Dev Digest 121 - AI goes offline](https://www.wearedevelopers.com/magazine/456-dev-digest-121-ai-goes-offline) - [Dev Digest 132 - Binging WADFlix?](https://www.wearedevelopers.com/magazine/473-dev-digest-132-binging-wadflix) - [Navigating the AI Shift](https://www.wearedevelopers.com/magazine/629-navigating-the-ai-shift) - [Dev Digest 129 - Now that's what I call private data!](https://www.wearedevelopers.com/magazine/468-dev-digest-129-now-that-s-what-i-call-private-data) - [How We Built a Worry-Free System That Runs for 10+ Years – And What We’d Do Again](https://www.wearedevelopers.com/magazine/751-how-we-built-a-worry-free-system-that-runs-for-10-years-and-what-we-d-do-again)