Job Description

Senior Frontend Engineer (React/Next.js) / UX Engineer (80%-100%)



Swisscom Directories ist der fuhrende Marketing- und Werbepartner fur Schweizer KMU. Wir machen Unternehmen erfolgreich in der digitalen Welt.

Deine Mission:

Du machst aus Figma-Designs eine robuste, wiederverwendbare

Component Library

mit Storybook als Single Source of Truth und sorgst dafur, dass unser breiteres Engineering-Team schnell liefern kann, ohne an UI-Qualitat einzubussen.

Wir sind

Plattform-Bauer, User-Versteher, Teamplayer

und bieten dir einen Arbeitsalltag mit diesen Tatigkeiten

:

Aufgaben

Aufbau und Weiterentwicklung eines token-basierten Design Systems und React/Next.js-Component-Libraries nach Atomic Design. Implementierung mobiler und responsiver UI-Komponenten mit hoher Performance und Accessibility (WCAG). Enge Zusammenarbeit mit UX/UI in Figma (DevMode, Komponenten, Tokens) und Anwendung effizienter ,,Figma to Code"-Workflows zur Ubersetzung von Designs in sauberen Code. Gestaltung und Validierung nutzerzentrierter UX-Konzepte mittels Prototyping, Usability-Tests und kontinuierlichem Feedback. Einrichtung, Betrieb und Weiterentwicklung von Storybook als Single Source of Truth inkl. Dokumentation, Beispielen und Tests fur React-Komponenten. Beitrag zu Frontend- und Plattform-Architekturentscheidungen und Forderung moderner Webentwicklung im Team. Definition und Durchsetzung von Frontend-Qualitatsstandards (Linting, Token-Only-Styling, Tests, CI-Checks) sowie Review von Frontend-Pull-Requests mit Fokus auf Wiederverwendbarkeit, Konsistenz und Design-System-Hygiene. Erstellung von Guidelines und Contribution-Regeln fur neue Komponenten, Varianten und Templates sowie Coaching anderer Engineers im Umgang mit dem Design System. Optional: Mitwirkung an Schnittstellen zu Golang-basierten Backends.

Qualifikation

Mindestens 5 Jahre Erfahrung als (Fullstack-)Frontend Engineer mit Schwerpunkt React/Next.js, idealerweise auf grosseren, hochfrequentierten Plattformen. Nachgewiesene UX/UI-Design-Erfahrung mit Figma und ,,Figma to Code"-Workflows sowie fundiertes Verstandnis von Responsive Design, Accessibility (WCAG) und Cross-Browser-Verhalten. Sehr gute Kenntnisse in TypeScript, HTML5, CSS3, modernen CSS-Ansatzen (z.B. TailwindCSS, CSS Modules oder vergleichbare Patterns) und Design Tokens. Erfahrung im Aufbau bzw. in der massgeblichen Mitarbeit an Design Systemen / Component Libraries und im produktiven Einsatz von Storybook. Gutes Verstandnis moderner Webarchitektur, UX-Prozesse und Performance-Optimierung. Hoher Anspruch an Code-Qualitat (Testing mit Jest/React Testing Library, Linting, klare Component APIs, Dokumentation) sowie Fahigkeit, Best Practices im Team zu verankern. Erfahrung mit visuellen Regressionstools (z.B. Chromatic, Percy, Lost Pixel). Vertrautheit mit Atomic Design aus fruheren Projekten. Erfahrung in Design-System-Governance (Token-Pipelines, Multi-Brand-Setups). Nice to have: Erfahrung mit Golang-Backends.

Benefits

remote and hybrid work possible Swisscom Fringe Benefits (Gym, Handy- und Internetabo und zahlreiche weitere Vergunstigungen) eine der besten Pensionskassen der Schweiz freie Wahl der Arbeitsmittel

Direktbewerbungen werden bevorzugt. Bitte hange deiner Online-Bewerbung nach Moglichkeit einen

GitHub-Link mit aussagekraftigen Code Sample

s an.



Philipp Schwager und das ganze Team freut sich auf deine Online Bewerbung!

Arbeitsort

Zurich Kartenansicht

local.ch

Herr Philipp Schwager
Forrlibuckstrasse 62
8005 Zurich