San Francisco, CA

Staff Platform Engineer-Front End

Permanent
San Francisco, CA
Posted 5 hours ago

Talener

Staff Web Frontend Engineer (Frontend Platform)

Location: San Francisco, CA (Hybrid)

About the Company

We’re building a modern, consumer-grade digital platform used by millions of people to access critical services in their everyday lives. Our product sits at the intersection of technology, accessibility, and trust—where performance, reliability, and user experience are non-negotiable.

Engineering plays a central role in how we deliver value. We invest heavily in developer productivity, platform quality, and scalable architecture so teams can move fast without sacrificing craftsmanship. The frontend platform is a key part of that strategy—powering consistent, performant experiences across the entire product.

We’re hiring a Staff Frontend Engineer to help shape the foundation of our web platform—powering high-quality, user-facing product experiences at scale.

This isn’t a pure platform role. We’re looking for a product-minded frontend engineer who has shipped real features to users and also thinks horizontally—someone who builds systems other engineers rely on.

What You’ll Do

You’ll work on the foundation that makes product teams faster, while staying connected to real user-facing experiences.

Core areas of ownership:

Web Architecture

Define and evolve our frontend architecture (Next.js, SSR strategy, routing)
Lead large-scale migrations (e.g., monolith to modern frameworks)
Drive decisions around code structure, modularity, and scalability

Performance

Own Core Web Vitals (LCP, CLS, INP) and overall page performance
Build and enforce performance guardrails (Lighthouse CI, budgets, monitoring)
Develop real-user monitoring dashboards and insights

Developer Experience

Improve build systems, tooling, and local development workflows
Design AI-forward developer workflows and productivity improvements
Optimize build times, previews, and deployment pipelines

Design System Infrastructure

Build the foundations of the design system (tokens, theming, versioning)
Define governance and scalability patterns (not component implementation)

Platform Capabilities

Build frameworks for experimentation (feature flags, client-side assignment)
Support internationalization (i18n) and accessibility at scale
Enable automated a11y validation in CI

What We’re Looking For

Strong experience building modern frontend applications using:
- React, TypeScript, Next.js
A track record of shipping real, user-facing product features
Experience owning shared systems or platform capabilities such as:
- Design system infrastructure (tokens, theming)
- Build tooling or developer workflows
- Performance systems or observability
- Experimentation or localization frameworks
Ability to think beyond individual features and design systems other teams use
Strong product instincts—you care about user experience, not just abstraction

What Makes You Stand Out

You’ve worked on both product features and foundational platform systems
You’ve led migrations, scaled frontend architecture, or improved performance at scale
You bring a balanced mindset: shipping fast while building for the long term
You’re not just an infrastructure specialist—you understand end-user impact

Why This Role

High impact across the entire frontend ecosystem
Influence architecture, performance, and developer experience at scale
Work on meaningful product experiences—not just internal systems
Collaborate closely with product and engineering leaders

Please reach out- Bsamela@talener.com

{“@context”:”http://schema.org”,”@type”:”JobPosting”,”baseSalary”:null,”datePosted”:”2026-06-08″,”validThrough”:”2027-06-08″,”description”:”<div fr-original-style="line-height:116%;font-size:16px;" style="line-height: 116%; font-size: 16px; box-sizing: border-box; font-family: inherit;">Staff Web Frontend Engineer (Frontend Platform)</div><div fr-original-style="line-height:116%;font-size:16px;" style="line-height: 116%; font-size: 16px; box-sizing: border-box; font-family: inherit;">Location: San Francisco, CA (Hybrid)</div><div fr-original-style="line-height:116%;font-size:16px;" style="line-height: 116%; font-size: 16px; box-sizing: border-box; font-family: inherit;">About the Company</div><div fr-original-style="line-height:116%;font-size:16px;" style="line-height: 116%; font-size: 16px; box-sizing: border-box; font-family: inherit;">We’re building a modern, consumer-grade digital platform used by millions of people to access critical services in their everyday lives. Our product sits at the intersection of technology, accessibility, and trust—where performance, reliability, and user experience are non-negotiable.</div><div fr-original-style="line-height:116%;font-size:16px;" style="line-height: 116%; font-size: 16px; box-sizing: border-box; font-family: inherit;">Engineering plays a central role in how we deliver value. We invest heavily in developer productivity, platform quality, and scalable architecture so teams can move fast without sacrificing craftsmanship. The frontend platform is a key part of that strategy—powering consistent, performant experiences across the entire product.</div><div fr-original-style="line-height:116%;font-size:16px;" style="line-height: 116%; font-size: 16px; box-sizing: border-box; font-family: inherit;">We’re hiring a Staff Frontend Engineer to help shape the foundation of our web platform—powering high-quality, user-facing product experiences at scale.</div><div fr-original-style="line-height:116%;font-size:16px;" style="line-height: 116%; font-size: 16px; box-sizing: border-box; font-family: inherit;">This isn’t a pure platform role. We’re looking for a product-minded frontend engineer who has shipped real features to users and also thinks horizontally—someone who builds systems other engineers rely on.</div><div fr-original-style="line-height:116%;font-size:16px;" style="line-height: 116%; font-size: 16px; box-sizing: border-box; font-family: inherit;">What You’ll Do</div><div fr-original-style="line-height:116%;font-size:16px;" style="line-height: 116%; font-size: 16px; box-sizing: border-box; font-family: inherit;">You’ll work on the foundation that makes product teams faster, while staying connected to real user-facing experiences.</div><div fr-original-style="line-height:116%;font-size:16px;" style="line-height: 116%; font-size: 16px; box-sizing: border-box; font-family: inherit;">Core areas of ownership:</div><div fr-original-style="line-height:116%;font-size:16px;" style="line-height: 116%; font-size: 16px; box-sizing: border-box; font-family: inherit;">Web Architecture</div><ul fr-original-style="" style="box-sizing: border-box; font-family: inherit; font-size: inherit; margin-top: 0px; margin-bottom: 10px;" type="disc"><li fr-original-style="line-height:116%;font-family:serif;font-size:13px;" style="line-height: 116%; font-family: serif; font-size: 13px; box-sizing: border-box;">Define and evolve our frontend architecture (Next.js, SSR strategy, routing)</li><li fr-original-style="line-height:116%;font-family:serif;font-size:13px;" style="line-height: 116%; font-family: serif; font-size: 13px; box-sizing: border-box;">Lead large-scale migrations (e.g., monolith to modern frameworks)</li><li fr-original-style="line-height:116%;font-family:serif;font-size:13px;" style="line-height: 116%; font-family: serif; font-size: 13px; box-sizing: border-box;">Drive decisions around code structure, modularity, and scalability</li></ul><div fr-original-style="line-height:116%;font-size:16px;" style="line-height: 116%; font-size: 16px; box-sizing: border-box; font-family: inherit;">Performance</div><ul fr-original-style="" style="box-sizing: border-box; font-family: inherit; font-size: inherit; margin-top: 0px; margin-bottom: 10px;" type="disc"><li fr-original-style="line-height:116%;font-family:serif;font-size:13px;" style="line-height: 116%; font-family: serif; font-size: 13px; box-sizing: border-box;">Own Core Web Vitals (LCP, CLS, INP) and overall page performance</li><li fr-original-style="line-height:116%;font-family:serif;font-size:13px;" style="line-height: 116%; font-family: serif; font-size: 13px; box-sizing: border-box;">Build and enforce performance guardrails (Lighthouse CI, budgets, monitoring)</li><li fr-original-style="line-height:116%;font-family:serif;font-size:13px;" style="line-height: 116%; font-family: serif; font-size: 13px; box-sizing: border-box;">Develop real-user monitoring dashboards and insights</li></ul><div fr-original-style="line-height:116%;font-size:16px;" style="line-height: 116%; font-size: 16px; box-sizing: border-box; font-family: inherit;">Developer Experience</div><ul fr-original-style="" style="box-sizing: border-box; font-family: inherit; font-size: inherit; margin-top: 0px; margin-bottom: 10px;" type="disc"><li fr-original-style="line-height:116%;font-family:serif;font-size:13px;" style="line-height: 116%; font-family: serif; font-size: 13px; box-sizing: border-box;">Improve build systems, tooling, and local development workflows</li><li fr-original-style="line-height:116%;font-family:serif;font-size:13px;" style="line-height: 116%; font-family: serif; font-size: 13px; box-sizing: border-box;">Design AI-forward developer workflows and productivity improvements</li><li fr-original-style="line-height:116%;font-family:serif;font-size:13px;" style="line-height: 116%; font-family: serif; font-size: 13px; box-sizing: border-box;">Optimize build times, previews, and deployment pipelines</li></ul><div fr-original-style="line-height:116%;font-size:16px;" style="line-height: 116%; font-size: 16px; box-sizing: border-box; font-family: inherit;">Design System Infrastructure</div><ul fr-original-style="" style="box-sizing: border-box; font-family: inherit; font-size: inherit; margin-top: 0px; margin-bottom: 10px;" type="disc"><li fr-original-style="line-height:116%;font-family:serif;font-size:13px;" style="line-height: 116%; font-family: serif; font-size: 13px; box-sizing: border-box;">Build the foundations of the design system (tokens, theming, versioning)</li><li fr-original-style="line-height:116%;font-family:serif;font-size:13px;" style="line-height: 116%; font-family: serif; font-size: 13px; box-sizing: border-box;">Define governance and scalability patterns (not component implementation)</li></ul><div fr-original-style="line-height:116%;font-size:16px;" style="line-height: 116%; font-size: 16px; box-sizing: border-box; font-family: inherit;">Platform Capabilities</div><ul fr-original-style="" style="box-sizing: border-box; font-family: inherit; font-size: inherit; margin-top: 0px; margin-bottom: 10px;" type="disc"><li fr-original-style="line-height:116%;font-family:serif;font-size:13px;" style="line-height: 116%; font-family: serif; font-size: 13px; box-sizing: border-box;">Build frameworks for experimentation (feature flags, client-side assignment)</li><li fr-original-style="line-height:116%;font-family:serif;font-size:13px;" style="line-height: 116%; font-family: serif; font-size: 13px; box-sizing: border-box;">Support internationalization (i18n) and accessibility at scale</li><li fr-original-style="line-height:116%;font-family:serif;font-size:13px;" style="line-height: 116%; font-family: serif; font-size: 13px; box-sizing: border-box;">Enable automated a11y validation in CI</li></ul><div fr-original-style="line-height:116%;font-size:16px;" style="line-height: 116%; font-size: 16px; box-sizing: border-box; font-family: inherit;">What We’re Looking For</div><ul fr-original-style="" style="box-sizing: border-box; font-family: inherit; font-size: inherit; margin-top: 0px; margin-bottom: 10px;" type="disc"><li fr-original-style="line-height:116%;font-family:serif;font-size:13px;" style="line-height: 116%; font-family: serif; font-size: 13px; box-sizing: border-box;">Strong experience building modern frontend applications using: <ul fr-original-style="" style="box-sizing: border-box; font-family: inherit; font-size: inherit; margin-top: 0px; margin-bottom: 0px;" type="circle"><li fr-original-style="" style="box-sizing: border-box;">React, TypeScript, Next.js</li></ul></li><li fr-original-style="line-height:116%;font-family:serif;font-size:13px;" style="line-height: 116%; font-family: serif; font-size: 13px; box-sizing: border-box;">A track record of shipping real, user-facing product features</li><li fr-original-style="line-height:116%;font-family:serif;font-size:13px;" style="line-height: 116%; font-family: serif; font-size: 13px; box-sizing: border-box;">Experience owning shared systems or platform capabilities such as: <ul fr-original-style="" style="box-sizing: border-box; font-family: inherit; font-size: inherit; margin-top: 0px; margin-bottom: 0px;" type="circle"><li fr-original-style="" style="box-sizing: border-box;">Design system infrastructure (tokens, theming)</li><li fr-original-style="" style="box-sizing: border-box;">Build tooling or developer workflows</li><li fr-original-style="" style="box-sizing: border-box;">Performance systems or observability</li><li fr-original-style="" style="box-sizing: border-box;">Experimentation or localization frameworks</li></ul></li><li fr-original-style="line-height:116%;font-family:serif;font-size:13px;" style="line-height: 116%; font-family: serif; font-size: 13px; box-sizing: border-box;">Ability to think beyond individual features and design systems other teams use</li><li fr-original-style="line-height:116%;font-family:serif;font-size:13px;" style="line-height: 116%; font-family: serif; font-size: 13px; box-sizing: border-box;">Strong product instincts—you care about user experience, not just abstraction</li></ul><div fr-original-style="line-height:116%;font-size:16px;" style="line-height: 116%; font-size: 16px; box-sizing: border-box; font-family: inherit;">What Makes You Stand Out</div><ul fr-original-style="" style="box-sizing: border-box; font-family: inherit; font-size: inherit; margin-top: 0px; margin-bottom: 10px;" type="disc"><li fr-original-style="line-height:116%;font-family:serif;font-size:13px;" style="line-height: 116%; font-family: serif; font-size: 13px; box-sizing: border-box;">You’ve worked on both product features and foundational platform systems</li><li fr-original-style="line-height:116%;font-family:serif;font-size:13px;" style="line-height: 116%; font-family: serif; font-size: 13px; box-sizing: border-box;">You’ve led migrations, scaled frontend architecture, or improved performance at scale</li><li fr-original-style="line-height:116%;font-family:serif;font-size:13px;" style="line-height: 116%; font-family: serif; font-size: 13px; box-sizing: border-box;">You bring a balanced mindset: shipping fast while building for the long term</li><li fr-original-style="line-height:116%;font-family:serif;font-size:13px;" style="line-height: 116%; font-family: serif; font-size: 13px; box-sizing: border-box;">You’re not just an infrastructure specialist—you understand end-user impact</li></ul><div fr-original-style="line-height:116%;font-size:16px;" style="line-height: 116%; font-size: 16px; box-sizing: border-box; font-family: inherit;">Why This Role</div><ul fr-original-style="" style="box-sizing: border-box; font-family: inherit; font-size: inherit; margin-top: 0px; margin-bottom: 10px;" type="disc"><li fr-original-style="line-height:116%;font-family:serif;font-size:13px;" style="line-height: 116%; font-family: serif; font-size: 13px; box-sizing: border-box;">High impact across the entire frontend ecosystem</li><li fr-original-style="line-height:116%;font-family:serif;font-size:13px;" style="line-height: 116%; font-family: serif; font-size: 13px; box-sizing: border-box;">Influence architecture, performance, and developer experience at scale</li><li fr-original-style="line-height:116%;font-family:serif;font-size:13px;" style="line-height: 116%; font-family: serif; font-size: 13px; box-sizing: border-box;">Work on meaningful product experiences—not just internal systems</li><li fr-original-style="line-height:116%;font-family:serif;font-size:13px;" style="line-height: 116%; font-family: serif; font-size: 13px; box-sizing: border-box;">Collaborate closely with product and engineering leaders</li></ul><div fr-original-style="line-height:116%;font-size:16px;" style="line-height: 116%; font-size: 16px; box-sizing: border-box; font-family: inherit;">Please reach out- Bsamela@talener.com</div><div fr-original-style="line-height:116%;font-size:16px;" style="line-height: 116%; font-size: 16px; box-sizing: border-box; font-family: inherit;"> </div>”,”employmentType”:”FULL_TIME”,”hiringOrganization”:{“@type”:”Organization”,”name”:”Talener”},”jobLocation”:{“@type”:”Place”,”address”:{“@type”:”PostalAddress”,”streetAddress”:null,”addressLocality”:”San Francisco”,”addressRegion”:”CA”,”postalCode”:null,”addressCountry”:null}},”title”:”Staff Platform Engineer-Front End”,”url”:”https://talener.com/jobs/?cjobid=BS80930268&rpid=1640204&postid=yrGQqn4FUlk”,”identifier”:{“@type”:”PropertyValue”,”name”:”Talener”,”value”:null}}

back to search jobs

San Francisco, CA

Staff Platform Engineer-Front End

We take a direct path to technology staffing success.

About Talener

Consultants

Employers

Candidates

Hiring Tools

Follow Us

Subscribe