Design Engineer (w/m/d)

Heartworking in Hannover. In Voll- oder Teilzeit. Hybrid.

Wir suchen jemanden, der/die Interfaces gestaltet und baut – und Verantwortung für das Produkt übernimmt, bis es im Browser genauso gut funktioniert wie in der Vorstellung. Tarifrechner, Kundenportale, Antragsflows, Konfiguratoren, Websites – Anwendungen, bei denen hunderttausende Menschen nicht merken sollen, wie komplex "das unter der Haube" ist. Die WordPress-Landingpage von der Stange gibt's woanders.

Aufgaben

So sieht dein Alltag aus

• Du entwirfst und baust Interfaces – vom Konzept über den visuellen Entwurf bis in den funktionierenden Code. Du kannst ein Feature von der Idee bis in den Browser bringen, ohne es abgeben zu müssen. Das heißt nicht, dass du alles alleine machst – im Team arbeiten Entwickler:innen mit dir im selben Codebase. Aber du bist nicht abhängig davon, dass jemand anderes deinen Entwurf interpretiert.
• Du arbeitest mit modernen Tools, die die Grenze zwischen Design und Code auflösen – Nordcraft, Cursor, v0 und was sonst in der Praxis taugt. Genauso selbstverständlich schreibst du eigenen Code, wenn das die bessere Lösung ist. Du evaluierst neue Ansätze mit Neugier, aber ohne Hype: nicht jedes Tool, das in der Community trendet, verdient deine Zeit.
• Du baust und pflegst Design-Systeme dort, wo sie hingehören: im Code. Tokens, Komponenten, Varianten, Dokumentation – als lebendiges System, das direkt im Produkt funktioniert.
• Du sitzt mit den Entwickler:innen zusammen – wirklich, nicht bildlich. Ihr arbeitet im selben Codebase, reviewed euch gegenseitig, diskutiert Architektur und Umsetzung auf Augenhöhe.
• Du arbeitest in interdisziplinären Kundenteams (ca. 4–8 Personen aus Beratung, PM, Design und Development) – direkt am Kunden. Du bist nicht nur für deinen Teil zuständig, sondern denkst über den gesamten Produktkontext mit. Auch nach dem Go-Live.
• Du denkst in messbarer Wirkung: Analytics, Heatmaps, Conversion-Daten – du nutzt sie, um deine Designentscheidungen zu validieren und das Produkt kontinuierlich besser zu machen.
• Du machst andere besser: Design-Reviews, Code-Reviews, ehrliches Feedback, Wissenstransfer. Du bewegst dich zwischen Design- und Dev-Welt und bringst beide Seiten näher zusammen – durch gemeinsame Sprache, nicht nur durch Tools.
• AI ist für dich Werkzeug im Alltag. Du nutzt Cursor für Code-Generierung, v0 für schnelle UI-Exploration, Claude oder ChatGPT für Prototyping und Konzeptvalidierung. Und du weißt, dass gute AI-Ergebnisse davon abhängen, wie präzise du den Kontext definierst: Design-System-Regeln, technische Constraints, Markensprache. Sauber denken, bevor du loslegst.

Qualifikation

Das bringst du mit

• Mehrjährige Erfahrung an der Schnittstelle von Design und Frontend-Entwicklung. Du kommst entweder aus dem Design und hast dir Code beigebracht, oder aus der Entwicklung und hast ein starkes Gespür für Gestaltung entwickelt. Beides ist willkommen.
• Du kannst Interfaces entwerfen UND bauen: HTML, CSS/SCSS, JavaScript/TypeScript. Du fühlst dich in Figma genauso wohl wie in VS Code oder Cursor.
• Konzeptionelles Denken: Du verstehst, wie Informationsarchitekturen und User Flows funktionieren, und kannst diese in deinen Entwürfen und deinem Code gleichermaßen abbilden.
• Du arbeitest sicher mit modernen Frontend-Technologien – React/Next.js bevorzugt, aber wenn du aus einem anderen Ökosystem kommst und schnell lernst: gerne. Erfahrung mit Nordcraft oder vergleichbaren visuellen Development-Plattformen ist ein Plus.
• Design-Systeme lebst du im Code: Tokens, Komponenten, Varianten – aufbauen, dokumentieren, weiterentwickeln.
• Visuelles Gespür: Typografie, Farbe, Spacing, Responsive Design, Animationen – du erkennst, wenn etwas nicht stimmt, und du kannst es selbst fixen. Accessibility (WCAG) gehört für dich zur Grundhaltung.
• Kommunikation: Du kannst Designentscheidungen gegenüber dem Team und Kunden argumentieren. Und du sprichst die Sprache beider Seiten – du erklärst Entwickler:innen, warum ein Detail wichtig ist, und Designer:innen, warum eine technische Einschränkung kein Kompromiss sein muss.
• Du hast echte Erfahrung mit AI-Tools im Arbeitsalltag – nicht als Experiment, sondern als festen Teil deines Workflows. Du weißt, wo sie echten Mehrwert bringen und wo du besser selbst baust. Und du verstehst, dass die Qualität der Ergebnisse von der Qualität deines Denkens abhängt – nicht vom Tool.
• Du kannst dich in komplexe Fachlichkeiten einarbeiten und bleibst auch bei langfristigen Kundenbeziehungen neugierig, statt auf Autopilot zu schalten.
• Deutsch auf C1-Niveau – unsere Kunden und Workshops sind deutschsprachig. Englisch im Code und in der Dokumentation ist selbstverständlich

Du entsprichst nicht zu 100% allen Anforderungen, aber die Chemie stimmt? Kein Problem! Richtig Bock auf Digitales ist uns wichtiger als ein shiny Lebenslauf.

Benefits

Darauf kannst du dich bei uns freuen

• Gehalt: Wir zahlen marktgerecht und transparent – den konkreten Gehaltsrahmen besprechen wir offen im Erstgespräch. Kein Pokern, kein Rätselraten.
• Gelebte Work-Life-Integration. Viele von uns haben Familie oder zeitintensive Hobbys. Wir sind überzeugt, dass nachhaltige Ausgeglichenheit uns viel weiter bringt als Mitarbeiter:innen mehr Zeit abzuverlangen.
• Hybrides Arbeiten: 3 Tage remote, 2 Tage gemeinsam vor Ort am Hanomaghof. Nicht wegen Kontrolle, sondern weil wir glauben, dass echte Kreativität vom Austausch in einem Raum lebt – vom Miteinander zwischen Menschen, das kein Call ersetzen kann. Jeden zweiten Dienstag: Agentur-Standup und gemeinsames (veganes) Mittagessen mit Catering.
• Das, was andere nur „flache Hierarchien" nennen – und wir tatsächlich meinen: Dein Team Lead hat immer eine offene Tür, du sprichst direkt mit Kunden statt über drei Ecken, und wenn du eine Idee hast, brauchst du kein Ticket dafür.
• Fort- und Weiterbildung ohne Deckel: Konferenzen, Kurse, Bücher, Zertifizierungen – du suchst aus, wir zahlen.
• Moderne Tools: GitHub, Linear, Slack, Figma. Und ja, wir setzen AI-Tools im Arbeitsalltag ein – kein Verbot, kein Hype, sondern pragmatischer Einsatz.
• Mitdenken und Mitgestalten. Du hast von Anfang an die Möglichkeit, Verantwortung zu übernehmen und Dinge zu verändern.
• Ob macOS oder Linux – du suchst dir deine Hard- und Software selbst aus. Auch für den privaten Gebrauch.
• Mobilität: Deutschlandticket (geht auf uns) und Jobrad-Leasing.
• Und sonst: Siebträger-Espresso, frisches Obst, Softdrinks, betriebliche Altersvorsorge, VWL, Sommerfest, Weihnachtsfeier, Teamevents und Agentur-Offsite.

Dein Weg zu uns

• Bewirb dich mit deinem Lebenslauf und optional einem Portfolio, Case Studies oder Arbeitsproben. Kein Anschreiben nötig.
• Unser erstes Kennenlerngespräch geht auch per Video – aber persönlich ist netter, und unser Kaffee ist wirklich sehr gut. ☕ Mit dabei: Du, jemand aus dem Design-Team und Jan-Christoph (Geschäftsführer).
• It's a match? Beim Kennenlerntag lernst du das Team, die Projekte und den Hanomaghof kennen. Gemeinsames Mittagessen, offene Fragen, echtes Beschnuppern.
• Ein „JA!" von allen Beteiligten? Dann schicken wir dir den Entwurf für deinen Arbeitsvertrag rüber und besprechen alle Details.
• Ab Tag 1: persönliches Onboarding mit fachlicher Einarbeitung, Buddy-System und regelmäßigem Feedback durch die ersten Monate. 🥳

Find Jobs in Germany on Arbeitnow