Web-Apps und Apps entwickeln lassen —
Design und Code aus einer Hand
Ein Ansprechpartner von der ersten Figma-Skizze bis zum Deployment. Wer gestaltet, baut auch — deshalb geht zwischen Design und Entwicklung nichts verloren: keine Übergabe-Dokumente, die niemand liest, keine Screens, die im Code plötzlich anders aussehen.
Das Problem
Die Agentur gestaltet, ein Dienstleister programmiert, dazwischen liegt ein Figma-File. Jede Rückfrage kostet einen Tag, jede Abweichung wird zur Diskussion, wer „schuld" ist. Am Ende sieht das Produkt aus wie ein Kompromiss aus zwei Interpretationen — und niemand fühlt sich für das Ganze verantwortlich.
Die Lösung
Ich konzipiere, gestalte und programmiere selbst. Entscheidungen, die im Design fallen, werden im Code umgesetzt, ohne erst übersetzt zu werden — und was sich beim Bauen als unpraktisch herausstellt, ändert sich im Design gleich mit. Ihr sprecht mit einer Person, die das ganze Produkt kennt.
Von der Buchungsplattform bis zur nativen App
Web-Apps & Plattformen
Buchungs- und Verwaltungsoberflächen, interne Bereiche mit Rollen, Dashboards und Listen mit Status — Anwendungen, mit denen ein Team täglich arbeitet.
Websites mit Logik
Wenn eine Seite mehr können muss als Inhalte zeigen: eigenes CMS, Formulare mit Abhängigkeiten, Preislogik, serverseitig erzeugte Dokumente.
Native Apps für Apple-Plattformen
Apps in Swift für iPhone, iPad und Mac — mit dem Interface aus demselben Kopf, der auch den Code schreibt.
Design-to-Code
Design Tokens und Komponenten, die direkt im Code leben statt nur in Figma. So bleibt das Produkt konsistent, wenn es wächst.
Womit ich arbeite — und wo es im Einsatz ist
Kein Logo-Teppich, sondern der Stack, mit dem die Projekte unten tatsächlich laufen. Ein kleiner, bewusst gewählter Werkzeugkasten, den ich gut kenne, ist für euch wertvoller als eine lange Liste.
Frontend
- Nuxt / Vue.js
- TypeScript
- Tailwind CSS
Aviation by Niki, dieWebpflege, BetBuddy und diese Website.
Backend & Daten
- Nuxt-Server (SSR)
- MySQL
- SQLite
MySQL bei Aviation by Niki, SQLite hinter dem CMS dieser Website.
Dokumente & Medien
- PDF-Erzeugung mit Puppeteer
- S3-Speicher für Bilder
Buchungsbestätigung und Rechnung bei Aviation by Niki.
Apple-Plattformen
- Swift
- SpriteKit
- iPhone, iPad & Mac
Brewpire, eigenes Produkt in der geschlossenen Testphase.
Vom Prototyp zum laufenden Produkt
Kurze Zyklen, sichtbare Zwischenstände und kein Big Bang am Ende. Ihr seht früh, was entsteht — und könnt umsteuern, solange es noch günstig ist.
Verstehen & abgrenzen
Wer nutzt das Produkt, welches Problem löst es, was muss die erste Version können — und was ausdrücklich nicht?
- Ziele, Nutzergruppen und Kernabläufe
- Bestehende Systeme und Schnittstellen
- Abgegrenzter Umfang für Version 1
Klickbar, bevor gebaut wird
Ein klickbarer Prototyp der wichtigsten Abläufe. Fehler, die hier auffallen, kosten eine Stunde statt einer Woche Code.
- UX-Konzept und UI Design in Figma
- Durchklicken und Feedback, bevor Code entsteht
- Grundlage für den Festpreis der Umsetzung
Iterativ in kurzen Zyklen
Gebaut wird in kurzen Zyklen mit regelmäßigen Zwischenständen, die ihr selbst ausprobieren könnt — nicht erst am Ende.
- Laufende Testumgebung mit dem aktuellen Stand
- Design-Anpassungen direkt im Code
- Kurze, regelmäßige Abstimmungen
Live gehen
Deployment, Datenübernahme und ein Start, bei dem jemand erreichbar ist, der den Code kennt.
- Deployment auf eure oder eine gemeinsam gewählte Infrastruktur
- Technische Suchmaschinen-Grundlagen wie serverseitiges Rendering
- Einweisung für das Team, das damit arbeitet
Weiterentwickeln oder übergeben
Nach dem Launch geht es weiter — mit mir per Wartungsvertrag oder mit eurem eigenen Team.
- Updates, Fehlerbehebung, neue Ausbaustufen
- Dokumentation für die Übergabe
- Einarbeitung eurer Entwicklerinnen und Entwickler
Was für euch als Auftraggeber gilt
Der Code gehört euch
Repository, Zugänge und Quellcode liegen bei euch. Kein Lock-in, keine Lizenz auf das eigene Produkt.
Übergabe eingeplant
Ich baue so, dass ein Inhouse-Team übernehmen kann: verbreiteter Stack, nachvollziehbare Struktur, Dokumentation.
Zwischenstände statt Überraschungen
Ihr seht in jedem Zyklus, was entstanden ist, und könnt es selbst ausprobieren.
Ein Ansprechpartner
Wer das Interface entworfen hat, beantwortet auch die Frage, warum der Button im Code so funktioniert.
Gestaltet und gebaut
Drei Projekte, bei denen Konzept, Design und Code von mir kommen. Die Fallstudien zeigen, wie es gebaut ist — nicht nur, wie es aussieht.
Aviation by Niki
Buchungsportal für Rund- und Sonderflüge mit eigenem CMS: vierstufige Buchungsstrecke, Kontingente pro Termin, die beim Absenden in der Datenbank gesperrt werden, PDF-Rechnungen und ein interner Bereich mit Rollen.
Nuxt · Tailwind CSS · MySQL · PuppeteerFallstudie lesen →Native App · eigenes ProduktBrewpire
Ein ruhiges Café-Spiel für iPhone, iPad und Mac — Konzept, Interface und technische Umsetzung von mir, die Illustrationen von Annalena. Mit Idle-Engine und Offline-Fortschritt.
Swift · SpriteKit · FigmaFallstudie lesen →Produkt · Website-AbodieWebpflege
Eigenes Produkt: Websites für Pflegedienste im Monatsabo — von Positionierung und Preismodell bis zur Produktseite mit Preisrechner-Logik.
Nuxt · FigmaFallstudie lesen →Was eine App kostet, hängt am Umfang — deshalb fangen wir klein an
Eine seriöse Zahl für „die App" gibt es erst, wenn klar ist, was sie können muss. Darum steht am Anfang ein abgegrenzter Einstieg: Konzept und klickbarer Prototyp. Danach kennt ihr Umfang und Aufwand und bekommt für jede Ausbaustufe einen Festpreis.
- Einstieg: Konzept + klickbarer Prototyp als Product-Design-Paket
- Danach Festpreis pro Ausbaustufe statt offener Stundenabrechnung
- Betreuung nach dem Launch optional per Wartungsvertrag
ab 4.000 € Konzept + klickbarer Prototyp.
Danach Festpreis pro Ausbaustufe. Zum Einstiegspaket Projekt anfragen
Wann ich nicht der Richtige bin
Besser, ihr wisst das vor dem Erstgespräch als danach.
Ihr braucht ein Entwicklungsteam auf Jahre
Wenn euer Produkt dauerhaft mehrere Vollzeit-Entwickler braucht, bin ich als Einzelperson nicht das Team dafür. Sinnvoll ist dann: Ich übernehme Design und Architektur-Begleitung und übergebe sauber an eure Leute.
Plattformen außerhalb meines Stacks
Native Android-Apps oder Cross-Platform-Frameworks gehören nicht zu dem, was ich nachweislich gebaut habe. Ich sage euch das lieber vorher, als mich auf euer Budget einzuarbeiten.
Nur ein zweites Paar Hände für Tickets
Wer ausschließlich vorgegebene Tickets abarbeiten lassen will, ist bei einer reinen Entwicklungsagentur besser aufgehoben. Mein Mehrwert liegt darin, Design und Umsetzung zusammen zu denken.
Häufige Fragen zur App-Entwicklung
Lass uns sprechen
Du planst eine Website, eine App, ein Redesign — oder möchtest euer Team mit einem AI-UX Workshop voranbringen?
Ich unterstütze Unternehmen dabei, komplexe Anforderungen in klare, nutzerfreundliche Lösungen zu übersetzen.