Design Engineer (80-100%)

localsearch - Swisscom Directories AG
Zürich, Switzerland
2 days ago

Role details

Contract type
Permanent contract
Employment type
Full-time (> 32 hours)
Working hours
Regular working hours
Languages
German

Job location

Zürich, Switzerland

Tech stack

Computer Animation
Artificial Intelligence
CSS
Code Review
Computer Programming
Continuous Integration
Cursor (Graphical User Interface Elements)
Interaction Design
Rapid Prototyping Process
Next.js
TypeScript
Tailwind
React
Backend
Material Design
Figma
Codebase
Front End Software Development

Job description

  • Aufbau und Pflege einer Component Library und eines Design Systems für local.ch und search.ch (React/Next.js, Storybook, Tailwind)
  • Entwicklung von UI-Komponenten mit hohem Qualitätsanspruch: Animationen, Micro-Interactions, Typografie, Accessibility - production-ready
  • Enge Zusammenarbeit mit UX-Design (Figma) zur Umsetzung von Design Tokens, Atomic Design und Storybook-first-Entwicklung
  • Rapid Prototyping neuer Produkt-Features und Landing Pages mit AI-gestützten Tools (Cursor, v0, Claude Code)
  • Code Reviews und Frontend-Governance: Qualitätsstandards setzen und durchsetzen, die das gesamte Engineering-Team hebt
  • Visual Regression Testing einführen und betreuen (Chromatic, Lost Pixel oder vergleichbar)
  • Zusammenarbeit mit dem Innovation-Team bei der Umsetzung validierter Prototypen in production-grade Code
  • Stewardship der Component Library: Roadmap, Releases, Dokumentation, Onboarding neuer Engineers, * Frontend-Exzellenz: Tiefe Erfahrung mit React, Next.js, TypeScript und modernem CSS (Tailwind, CSS Modules). Du schreibst Code, auf den du stolz bist
  • Design-Sensibilität: Du hast ein Auge für Detail - Animationen, Spacing, Typografie. Du baust Interfaces, die sich richtig anfühlen
  • Design Systems: Erfahrung mit dem Aufbau oder der Pflege von Component Libraries (shadcn/ui, Radix, Material UI oder eigene). Storybook ist dein Zuhause
  • Figma-Kompetenz: Du arbeitest nahtlos mit Design Tokens und Figma DevMode. Die Brücke Figma ? Code ist für dich keine Übersetzung, sondern ein Workflow
  • AI-affin: Du nutzt AI-Tools (Cursor, Copilot, Claude) produktiv in deinem Workflow. AI-Coding ist für dich Alltag, nicht Experiment
  • Qualitäts-Mindset: Du bringst Testing, Accessibility und Performance-Optimierung als Selbstverständlichkeit mit - nicht als Nachgedanke, * Ein reiner UX/UI-Designer ohne Coding-Skills
  • Ein Backend-Engineer, der Frontend nebenbei macht
  • Jemand, der Quick-and-Dirty-Code als akzeptabel betrachtet
  • Jemand, der Design als Commodity sieht - du weisst, dass Details den Unterschied machen

Requirements

  • Erfahrung mit high-traffic Consumer-Plattformen (>10M Pageviews/Monat)
  • Kenntnisse in Visual Regression Testing und CI/CD für Frontend
  • Erfahrung in der Einführung von Design Systems in bestehende, gewachsene Codebases
  • Hintergrund in UX/UI-Design oder Interaction Design

Benefits & conditions

Wir sind begeisternd, lösungsorientiert, multikulti digital Natives, Kundenversteher, KMU-Fans, Lokalmatadoren, digitale Pakete-Schnürer, Anders-Denker. Und alle ziehen wir an einem Strang mit demselben Ziel vor Augen: Als Team unsere Kunden mit innovativen Marketinglösungen erfolgreich in der digitalen Welt zu machen. Das tun wir, indem wir partnerschaftlich, auf einer Augenhöhe dynamisch zusammenarbeiten - flache Hierarchien und bereichsübergreifende Zusammenarbeit leben wir tagtäglich - egal ob beim Kunden vor Ort im Aussendienst, an der Quelle im Engineering, kreativ im Marketing, innovativ im Product Management oder dienstleistend im Customer Success.

About the company

localsearch ist der führende Marketing- und Werbepartner für Schweizer KMU. Wir machen Kunden erfolgreich in der digitalen Welt.

Apply for this position