Auf einen Blick
- Aufgaben: Leite die Migration von Front-End-Prototypen in eine produktionsreife Next.js 14 Codebasis.
- Arbeitgeber: PHONT ist ein innovatives Startup aus Frankfurt, das Untertitel lebendig macht.
- Mitarbeitervorteile: Flexibles Arbeiten, Einfluss auf Design und Architektur sowie virtuelle Aktienoptionen.
- Warum dieser Job: Gestalte UI, die Emotionen einfängt und erlebe eine kreative, dynamische Arbeitskultur.
- GewĂĽnschte Qualifikationen: Erfahrung mit React/Next.js, TypeScript und einem kreativen Portfolio sind erforderlich.
- Andere Informationen: Bewirb dich formlos mit deinen Projekten und GitHub-Handle.
Das voraussichtliche Gehalt liegt zwischen 43200 - 72000 € pro Jahr.
Hello, we’re PHONT, a startup from Frankfurt on a mission to make subtitles feel as rich as spoken dialogue. Our AI-driven platform captures tone, emotion, and tempo, then paints those cues straight onto the screen—so every viewer, everywhere, can sense the full story while watching subtitled content.
We’re now looking for a full-stack engineer to own the UI layer and the glue that binds it to our audio-analysis engine. You’ll spearhead code-migration from experimental prototypes to a robust production stack, shaping the product architecture as decisively as the visuals themselves.
Tasks
- Lead the migration of our existing front-end prototypes into a production-grade Next.js 14 codebase.
- Design a type-safe API layer (tRPC / GraphQL or REST) that talks fluently to our Python audio-analysis backend—optimizing for low-latency, real-time data streaming.
- Collaborate with design and machine-learning teams to prototype emotion-driven animations in the browser, shipping quick experiments and folding lessons back into the core code.
- Establish CI/CD pipelines, automated testing (Playwright + Vitest), and infrastructure-as-code practices.
- Mentor junior contributors in coding standards that balance creative freedom with software development.
- Optionally: Implement responsive, accessible, and emotionally-aware subtitle components using React and motion libraries (Framer Motion or GSAP).
Qualifications
- Hands-on experience shipping full stack React/Next.js apps in a startup or similar setting—comfortable with ambiguity, rapid iteration, and wearing many hats.
- Demonstrated success migrating prototypes into coherent component libraries, with an eye for progressive refactor over rewrites.
- Solid command of TypeScript, modern state-management paradigms (Zustand, React Query, or Redux Toolkit), and CSS-in-JS or utility-first frameworks.
- Fluent in HTTP fundamentals, WebSockets, and crafting secure, performant data contracts between front- and back-end.
- A portfolio that shows both coding skills and visual flair—we want to see side-projects, generative art, or anything that proves you care about pixels.
- Startup mindset: you default to action, validate assumptions with lightweight experiments, and know when “good enough today” beats “perfect next month.”
Nice-to-haves
- Familiarity with audio/video pipelines, Web Audio API, or FFmpeg.
- Experience with cloud platforms (AWS, Azure) for building scalable, high-performance web apps
- Contributions to open-source design-systems or creative-coding libraries (Three.js, p5.js).
- Experience with media encoding, MediaRecorder, and WebGL.
- 2+ years of full stack engineering experience.
Benefits
- Ownership from day one with significant influence on architecture, design language, and product roadmap.
- A culture that prizes both build / design quality and rapid MVP testing.
- Flexible hours and remote-friendly workflow, with an office space in Frankfurt.
- Next to a base salary the option for virtual shares to participate directly of success.
- (Time-)Budget for conferences, hardware, and experimental side-projects in the realm of human–computer expression and creativeness.
Last but not least
Our goal at PHONT is To Bring Subtitles to Life. If you thrill at the idea of turning audio sentiment into living, breathing UI – we can’t wait to see what you’ll build.
Send us your form-less application, with projects that you built in the past, your GitHub handle, LinkedIn, and optionally a breakdown of the boldest migration, creative-coding, or full stack application you’ve pulled off. Let’s craft the next generation of subtitles together!
Application via hello@phont.ai or https://form.typeform.com/to/JPVQFbGf
#J-18808-Ljbffr
Full-Stack Creative Developer (React / Next.js) Arbeitgeber: Awwwards

Kontaktperson:
Awwwards HR Team
StudySmarter Bewerbungstipps 🤫
So bekommst du den Job: Full-Stack Creative Developer (React / Next.js)
✨Tip Nummer 1
Nutze dein Netzwerk! Sprich mit Leuten, die bereits in der Branche arbeiten oder bei PHONT tätig sind. Oftmals erfährt man durch persönliche Kontakte von offenen Stellen oder erhält wertvolle Einblicke in den Bewerbungsprozess.
✨Tip Nummer 2
Zeige deine Leidenschaft für kreative Projekte! Stelle sicher, dass du in Gesprächen oder Interviews über deine bisherigen Arbeiten sprichst, insbesondere über Side-Projects oder generative Kunst, die deine Fähigkeiten und deinen kreativen Ansatz demonstrieren.
✨Tip Nummer 3
Bereite dich auf technische Fragen vor! Da die Rolle sowohl Frontend- als auch Backend-Kenntnisse erfordert, solltest du dich mit den neuesten Technologien wie Next.js, TypeScript und CI/CD-Pipelines vertraut machen und bereit sein, dein Wissen in einem technischen Gespräch zu zeigen.
✨Tip Nummer 4
Sei proaktiv und zeige Initiative! Wenn du Ideen hast, wie man die Benutzeroberfläche oder die Architektur verbessern kann, teile diese während des Bewerbungsprozesses. Dies zeigt, dass du nicht nur ein Entwickler bist, sondern auch ein kreativer Denker, der zur Vision von PHONT beiträgt.
Diese Fähigkeiten machen dich zur top Bewerber*in für die Stelle: Full-Stack Creative Developer (React / Next.js)
Tipps für deine Bewerbung 🫡
Verstehe die Unternehmensmission: Informiere dich über PHONT und ihre Mission, Untertitel lebendiger zu gestalten. Zeige in deiner Bewerbung, dass du die Vision des Unternehmens verstehst und wie deine Fähigkeiten dazu beitragen können.
Portfolio zusammenstellen: Stelle ein Portfolio zusammen, das deine bisherigen Projekte zeigt. Achte darauf, sowohl technische Fähigkeiten als auch kreatives Design zu präsentieren. Dies könnte Side-Projects, generative Kunst oder andere relevante Arbeiten umfassen.
Anpassung des Lebenslaufs: Passe deinen Lebenslauf an die spezifischen Anforderungen der Stelle an. Betone deine Erfahrungen mit React, Next.js und anderen relevanten Technologien, die in der Stellenbeschreibung erwähnt werden.
Formlose Bewerbung: Bereite eine formlose Bewerbung vor, die deine Projekte, GitHub-Handle und LinkedIn-Profil enthält. Optional kannst du auch eine detaillierte Beschreibung eines besonders herausfordernden Projekts beifügen, das du erfolgreich umgesetzt hast.
Wie du dich auf ein Vorstellungsgespräch bei Awwwards vorbereitest
✨Verstehe die Mission von PHONT
Bevor du zum Interview gehst, solltest du dich intensiv mit der Mission von PHONT auseinandersetzen. Verstehe, wie ihre AI-gesteuerte Plattform funktioniert und welche Rolle du als Full-Stack Creative Developer dabei spielen wĂĽrdest. Zeige dein Interesse an der Verbindung von Technologie und Emotionen in Untertiteln.
✨Bereite deine Projekte vor
Stelle sicher, dass du eine Auswahl deiner besten Projekte parat hast, die deine Fähigkeiten in React, Next.js und TypeScript demonstrieren. Sei bereit, über spezifische Herausforderungen zu sprechen, die du bei der Migration von Prototypen in produktionsreife Anwendungen gemeistert hast.
✨Zeige deine Kreativität
Da PHONT Wert auf visuelle Gestaltung legt, solltest du Beispiele für kreative Arbeiten oder Side-Projects präsentieren, die deinen Sinn für Design und Ästhetik zeigen. Dies könnte generative Kunst oder innovative UI-Elemente umfassen, die du entwickelt hast.
✨Frage nach der Teamdynamik
Nutze die Gelegenheit, um mehr ĂĽber die Zusammenarbeit zwischen den verschiedenen Teams (Design, Machine Learning) zu erfahren. Stelle Fragen, die zeigen, dass du an einer engen Zusammenarbeit interessiert bist und bereit bist, von anderen zu lernen und sie zu unterstĂĽtzen.