Dieses Projekt ist abgelaufen (seit 06.10.2026).
Die Ausschreibung ist nicht mehr aktuell. Unten findest du ähnliche aktive Projekte, oder du siehst dir alle aktuellen IT-Projekte an.
Senior Frontend Designer
🏛 Ausgeschrieben von Halian GmbHWir suchen einen erfahrenen Senior Frontend Designer zur Entwicklung moderner, responsiver und barrierefreier Webanwendungen für unternehmensweite und kundenorientierte digitale Plattformen. Diese Position verbindet tiefgreifende Frontend-Expertise mit der Möglichkeit, zu Backend-Services und Integrationen beizutragen.
In dieser Rolle arbeiten Sie eng mit UX-Designern, Produktmanagern, Backend-Ingenieuren und AI/ML-Teams zusammen, um intuitive, hochperformante Benutzererfahrungen zu schaffen. Sie sind verantwortlich für die Gestaltung und Wartung wiederverwendbarer React-Komponentenbibliotheken, die Umsetzung von Design-Spezifikationen in responsive Benutzeroberflächen sowie die Optimierung der Frontend-Performance durch moderne Techniken wie Code-Splitting und Bundle-Optimierung.
Ihre Aufgaben umfassen die Entwicklung interaktiver Dashboards mit Datenvisualisierungen, die Integration von REST-APIs, State-Management mit modernen Lösungen sowie die Sicherstellung von WCAG-2.1-Barrierefreiheit. Sie schreiben qualitativ hochwertigen, gut dokumentierten Code und führen Unit-Tests durch. Darüber hinaus tragen Sie zu Backend-Services bei, indem Sie REST-APIs mit Node.js oder Python-basierten Frameworks entwickeln und mit AI/ML-Teams zusammenarbeiten.
Wir erwarten mindestens 6 Jahre Erfahrung in der Entwicklung produktiver React-Anwendungen, sichere Kenntnisse in JavaScript (ES6+) und TypeScript sowie Expertise in modernen UI-Frameworks. Erfahrung mit responsivem Design, HTML5, CSS3 und Accessibility-Standards ist erforderlich. Backend-Erfahrung mit Node.js, Express, NestJS sowie Python (FastAPI/Flask) und Datenbanken (PostgreSQL, MongoDB) ist von Vorteil. Sie sollten Agile-Prozesse unterstützen und aktiv an Code-Reviews teilnehmen.
Skills erklärt
- react.js
- JavaScript-Bibliothek zur Entwicklung von Benutzeroberflächen, insbesondere für interaktive Web-Anwendungen.
- JavaScript ES6+
- Programmiersprache für Web-Anwendungen in modernen Versionen (ab 2015) mit erweiterten Funktionen wie Klassen, Promises und Arrow-Funktionen.
- TypeScript
- TypeScript ist eine Programmiersprache, die auf JavaScript aufbaut und zusätzlich Typisierung sowie erweiterte Funktionen für größere Projekte bietet.
- HTML5
- Aktuelle Version der Markup-Sprache zur Erstellung von Webseiten mit erweiterten Funktionen für Multimedia und Interaktivität.
- CSS3
- Aktuelle Version der Cascading Style Sheets zur Gestaltung und Formatierung von Webseiten; wird für Layout, Farben, Animationen und responsive Design eingesetzt.
- Tailwind CSS
- Utility-First CSS-Framework zur schnellen Gestaltung von Webseiten durch vordefinierte Klassen; wird eingesetzt, um responsive und moderne Benutzeroberflächen zu entwickeln.
- Material UI
- Open-Source-Komponentenbibliothek für React-basierte Benutzeroberflächen; bietet vorgefertigte UI-Elemente nach Google Material Design Richtlinien.
- shadcn/ui
- Sammlung von wiederverwendbaren UI-Komponenten für React basierend auf Radix UI und Tailwind CSS zum schnellen Erstellen von Benutzeroberflächen.
- Redux Toolkit
- Bibliothek zur vereinfachten Verwaltung von Anwendungszuständen in JavaScript-Anwendungen. Wird in der Frontend-Entwicklung mit React eingesetzt.
- Zustand
- JavaScript-Bibliothek für State-Management in React-Anwendungen, verwaltet Anwendungszustände mit minimaler Komplexität.
- Context API
- React-Feature zur Verwaltung von globalen Zustaenden in Anwendungen ohne Prop-Drilling.
- REST APIs
- Schnittstellen zur Datenübertragung zwischen Softwaresystemen, die auf HTTP-Protokoll und standardisierten Webmethoden basieren.
- Node.js
- Laufzeitumgebung für JavaScript, die es ermöglicht, JavaScript-Code außerhalb von Webbrowsern auszuführen, insbesondere für die Entwicklung von serverseitigen Anwendungen und APIs.
- Express
- Schlankes Web-Framework für Node.js zur schnellen Entwicklung von Webanwendungen und APIs.
- NestJS
- Ein Framework für Node.js zur Entwicklung von serverseitigen Anwendungen mit TypeScript, das eine strukturierte Architektur mit Modulen, Controllern und Services bietet.
- Python
- Universelle Programmiersprache für Webentwicklung, Datenanalyse, Automatisierung und künstliche Intelligenz.
- FastAPI
- Modernes Python-Web-Framework für die Entwicklung von APIs; zeichnet sich durch hohe Performance und automatische Dokumentation aus.
- Flask
- Python-Framework zur Entwicklung von Webanwendungen mit minimalistischem Ansatz für Backend-Logik und Datenverarbeitung.
- Postgresql
- Relationale Datenbank, die strukturierte Daten speichert und mit SQL-Abfragen verwaltet wird.
- MongoDB
- NoSQL-Datenbank, die Daten in flexiblen, dokumentenorientierten Strukturen (JSON-ähnlich) speichert; wird für Anwendungen mit variablen Datenstrukturen verwendet.
- JWT
- JSON Web Token ist ein Standard für die sichere Übertragung von Informationen zwischen Systemen, häufig zur Authentifizierung und Autorisierung in Web-Anwendungen eingesetzt.
- OAuth 2.0
- Authentifizierungs- und Autorisierungsprotokoll, das es Benutzern ermöglicht, sich mit ihren Konten bei Drittanwendungen anzumelden, ohne Passwörter weiterzugeben.
- Git
- Versionskontrollsystem zur Verwaltung von Codeänderungen, das Zusammenarbeit mehrerer Entwickler und Nachverfolgung von Änderungen ermöglicht.
- Agile
- Iterative Projektmanagement-Methode, die Flexibilität, regelmäßiges Feedback und inkrementelle Lieferung von Ergebnissen betont.
- Scrum
- Agile Projektmanagement-Methode, die Arbeit in kurzen Zyklen (Sprints) organisiert und regelmäßige Abstimmungen vorsieht.
- Jest
- JavaScript-Test-Framework zur automatisierten Überprüfung von Code; wird verwendet, um Unit-Tests und Integrationstests in JavaScript-Projekten zu schreiben.
- React Testing Library
- JavaScript-Framework zum Testen von React-Komponenten durch Simulation von Benutzerinteraktionen.
- Flexbox
- CSS-Layout-Technik zur flexiblen Anordnung von Elementen in einer Zeile oder Spalte, die sich automatisch an verschiedene Bildschirmgrößen anpasst.
- CSS Grid
- CSS-Layout-System zur zweidimensionalen Anordnung von Elementen in Zeilen und Spalten mit präziser Kontrolle.
- WCAG 2.1
- Internationale Richtlinie für barrierefreie Webinhalte, die sicherstellt, dass Websites für Menschen mit Behinderungen zugänglich sind.
- FIGMA
- Cloud-basiertes Design-Tool zur Erstellung von Benutzeroberflächen und grafischen Designs mit Echtzeit-Zusammenarbeit mehrerer Nutzer.
- Adobe XD
- Ein Design-Tool von Adobe zur Erstellung von Benutzeroberflächen und Prototypen für digitale Anwendungen und Websites.
- Next.js
- Framework für die Entwicklung von React-basierten Webanwendungen mit serverseitiger Rendering und optimierter Performance.
- Chart.js
- JavaScript-Bibliothek zur Erstellung interaktiver Diagramme und Grafiken in Webanwendungen.
- Recharts
- JavaScript-Bibliothek zur Erstellung von interaktiven Diagrammen und Visualisierungen in React-Anwendungen.
- D3.js
- JavaScript-Bibliothek zur Erstellung von interaktiven Datenvisualisierungen und Grafiken im Webbrowser; wird für die Darstellung komplexer Daten und Dashboards verwendet.
- React Native
- Framework zur Entwicklung von mobilen Anwendungen für iOS und Android mit einer gemeinsamen Codebasis basierend auf React.
- Azure OpenAI
- Microsoft-Cloud-Service zur Nutzung von OpenAI-Sprachmodellen (wie GPT) über die Azure-Plattform.
- OpenAI
- Unternehmen und Plattform, die KI-Modelle wie GPT entwickelt und bereitstellt, um Aufgaben wie Textgenerierung und Sprachverarbeitung zu automatisieren.
- LangChain
- Framework zur Entwicklung von Anwendungen mit großen Sprachmodellen (LLMs), das die Integration und Verkettung verschiedener KI-Komponenten vereinfacht.
- LangGraph
- Framework zur Orchestrierung von Workflows mit Large Language Models, das die Verwaltung von Agenten und deren Entscheidungspfaden ermöglicht.
- RAG
- Technik, bei der ein KI-Modell externe Datenquellen abfragt, um seine Antworten mit aktuellen oder spezifischen Informationen zu ergänzen.
- Azure
- Cloud-Computing-Plattform von Microsoft für Hosting, Datenverarbeitung, Speicherung und verschiedene IT-Services.
- AWS
- Amazon Web Services, Cloud-Plattform für Bereitstellung von Rechenleistung, Speicher, Datenbanken und weiteren IT-Services.
- Docker
- Software-Plattform zur Containerisierung, die Anwendungen mit ihren Abhängigkeiten in isolierten Umgebungen verpackt.
- CI/CD
- Automatisierte Prozesse für kontinuierliche Integration von Code-Änderungen und kontinuierliche Bereitstellung von Software-Updates.
- WebSocket
- Kommunikationsprotokoll für bidirektionale Echtzeitkommunikation zwischen Webbrowser und Server über eine persistente Verbindung.
- Module Federation
- Webpack-Feature, das es ermöglicht, JavaScript-Module zur Laufzeit zwischen verschiedenen Anwendungen zu teilen und zu laden.
Als IT-Freelancer automatisch auf Projekte wie dieses bewerben
Nexus ist die KI-gestützte Plattform für IT-Freelancer, die täglich neue Projektausschreibungen analysiert und passgenaue Bewerbungstexte generiert – vollautomatisch, in Sekunden. Kein manuelles Schreiben mehr: Nexus liest die Ausschreibung, erkennt die gefragten Skills und erstellt einen individuellen Bewerbungstext, den du per Klick versendest.
- ✓ Projektausschreibungen direkt von Anbietern aus dem DACH-Raum
- ✓ KI-Bewerbungstext in unter 30 Sekunden – individuell auf jedes Projekt zugeschnitten
- ✓ Automatischer Versand per E-Mail + Anlage in Pipedrive
- ✓ Kostenlos starten – keine Kreditkarte erforderlich
Häufige Fragen zu Nexus
- Was ist Nexus und für wen ist es geeignet?
- Nexus richtet sich an selbstständige IT-Freelancer, die regelmäßig auf Projektausschreibungen antworten. Die Plattform automatisiert den gesamten Bewerbungsprozess – von der Analyse der Ausschreibung bis zum Versand der Bewerbung.
- Wie schreibt Nexus den Bewerbungstext?
- Nexus analysiert die Projektbeschreibung mit Claude (Anthropic) und gleicht die Anforderungen mit deinem hinterlegten Profil ab. Der generierte Text ist individuell, professionell und direkt versendbar – du kannst ihn vor dem Absenden noch anpassen.
- Welche Projektplattformen werden unterstützt?
- Nexus erhält Projekte direkt von Projektanbietern aus dem DACH-Raum – neue Ausschreibungen erscheinen automatisch in deiner Pipeline, ohne dass du Plattformen manuell durchsuchen musst.
- Kostet Nexus etwas?
- Der Einstieg ist dauerhaft kostenlos. Für professionelle Nutzung mit erweiterten Funktionen gibt es kostenpflichtige Pläne – ohne versteckte Kosten oder automatische Verlängerung.
Passende Freelancer
Profile die zu den Skills dieses Projekts passen
Enterprise Architect und AI Platform Strategist mit über 25 Jahren Erfahrung in der Entwicklung, Architektur und Skalierung komplexer Softwareplattformen sowie der Integration moderner AI-Technologien in Enterprise-Umgebungen.
- Senior Backend Developer68 €/h
20+ Jahre Java, 15+ Jahre PHP, 10+ Jahre Frontend – Senior Fullstack-Entwickler mit umfassender Expertise in modernen Web- und Cloud-Technologien.
AI Automation Engineer mit Fokus auf agentische Workflows, LLM-Integration, Fullstack-Entwicklung und intelligente Prozessautomatisierung.
Nie wieder Bewerbungen schreiben.
Nexus matcht deine Skills und schreibt Bewerbungen automatisch.
Kostenlos registrieren →Keine Kreditkarte erforderlich
Kostenloser CV-Check
Wie gut passt dein TypeScript-Profil zum Markt?
- ✓ Market Fit gegen 462 TypeScript-Ausschreibungen
- ✓ Welche Skills dir fehlen und was sie bringen
- ✓ Dein Stundensatz im Vergleich
Kostenlos · anonym gespeichert · von FreelancerJury
Marktgeschwindigkeit
Projekte dieser Skills werden nach durchschnittlich 5,7 Tagen geschlossen.
Stundensatz vs. Markt
Kein Stundensatz für dieses Projekt hinterlegt.
Ø 100 €/h (für diese Skills)
Tipp
Zeiterfassung & Projektverwaltung
Projekte, Stunden und Rechnungen in einer App. Flow ist die schlanke Lösung für IT-Freelancer und Agenturen – kostenlos starten.
Flow ausprobierenÄhnliche aktive Projekte
- Development Engineer Adobe Experience Plattform (m/w/d)
- Power Platform Entwickler (m/w/d)
- Social Media Associate (m/w/d)
- Solution Architect (m/w/x)
- Software Engineer – .NET & Angular Full Stack
- Creative Lead (Graphic Design & Videography)
- SharePoint Online Developer (Power Platform & Administration)
- Digital Engineering Associate Program
Tipp
Konferenzraum in Hamburg
Für das nächste Kunden- oder Teammeeting in Hamburg: vollausgestattet mit Beamer, Whiteboard und Videokonferenz – ab 49 €/h, direkt am Gänsemarkt.
Konferenzraum mieten