Kreative Fachkräfte und alltägliche Nutzer benötigten Zugang zu leistungsstarken KI-gestützten Bild- und Videotools. Bestehende Lösungen waren jedoch entweder zu komplex, auf mehrere Plattformen verteilt oder zu teuer. Es fehlte eine zentrale, gut gestaltete Plattform, auf der Nutzer Porträts verbessern, Bilder hochskalieren und Videos erstellen können – ohne steile Lernkurve oder komplizierte Workflows.
Wir haben FixMyFoto als eine einheitliche, KI-gestützte Kreativplattform konzipiert und entwickelt. Sie vereint Porträtoptimierung, Videogenerierung und Bildskalierung in einer klaren, intuitiven Oberfläche. Die Plattform ist sowohl für Einsteiger zugänglich als auch leistungsstark genug für Profis, mit reibungslosem Onboarding, schneller Verarbeitung und einem visuell immersiven Design.
React JS (Frontend)
Node JS (Backend)
TypeScript (Frontend)
MongoDB (Datenbank)
Express (Backend)
Redis (Datenbank)
Figma
Adobe Photoshop
Adobe Illustrator
Amazon Web Services
EC2 Instanz
Jenkins CI/CD Pipeline
S3 BucketsFixMyFoto hätte drei separate Tools werden können — je eines für Porträtretusche, Videogenerierung und Bild-Upscaling. Wir haben früh dagegen entschieden. Nicht weil das technisch einfacher wäre, sondern weil der Wert der Plattform im Zusammenspiel liegt: ein Nutzer, der für die Porträtretusche kommt, soll intuitiv auch Bild-Upscaling entdecken. Das erfordert ein gemeinsames Design-System, gemeinsame Komponenten und eine Architektur, die drei verschiedene KI-Backends unter einer Oberfläche vereint. Die geteilte Komponentenbibliothek ist nicht ein technisches Detail — sie ist die Entscheidung, die FixMyFoto skalierbar macht.
Verlauf 2B7FFF+4E67FF
Franz jagt im komplett verwahrlosten Taxi quer durch Bayern
Franz jagt im komplett verwahrlosten Taxi quer durch Bayern
Franz jagt im komplett verwahrlosten Taxi quer durch Bayern
Franz jagt im komplett verwahrlosten Taxi quer durch Bayern
Franz jagt im komplett verwahrlosten Taxi quer durch Bayern
Wir haben Benutzerflüsse für jedes Tool erstellt, eine konsistente Komponentenbibliothek entwickelt und eine Dark-Mode-Oberfläche in Figma gestaltet, bei der die kreativen Ergebnisse im Mittelpunkt stehen.
Ein auffälliger Hero-Bereich zieht Nutzer sofort an, gefolgt von klar präsentierten Funktionen und starken Call-to-Actions.
Das Dashboard vereint alle Tools in einer klaren, reibungslosen Benutzeroberfläche mit konsistentem Design.
Ein übersichtliches Dashboard mit konsistenter Benutzerführung und Fokus auf Medieninhalte.
Nutzer können Bilder oder Prompts in KI-generierte Videos umwandeln, mit klaren Fortschrittsanzeigen.
Ein einfacher Upload- und Download-Prozess ohne technische Hürden.
Basierend auf React JS, TypeScript, Node JS und Express, wobei jedes KI-Tool-Modul unabhängig läuft, um die Gesamtleistung der Plattform zu schützen. Medien werden über AWS S3 verwaltet und die Anwendung wird auf EC2 gehostet, strukturiert für Stabilität und zukünftiges Wachstum.
Entwickelt, um medienintensive Prozesse zu bewältigen, ohne Geschwindigkeit oder Benutzererfahrung in irgendeinem Teil der Plattform zu beeinträchtigen.
Reduzierung der LCP von 4,2 s auf 1,3 s, was eine um 69 % schnellere Ladezeit bedeutet.
Behebung von 16 Bildskalierungsproblemen, um 100 % Nutzbarkeit auf allen Geräten zu erreichen.
Erhöhung des SEO-Scores von 61 auf 95 und Steigerung der Keyword-Rankings um 134 %.
Optimierte AWS-Auslieferung zur Aufrechterhaltung von 99,97 % Verfügbarkeit während Spitzenlasten.
Erreichte ein monatliches Wachstum qualifizierter Leads von 28,1 % und verdreifachte CTA-Klicks.
Problem: KI-Operationen auf grossen Bild- und Videodateien belasten den Server erheblich und können zu einer langsamen oder nicht reagierenden Benutzererfahrung während der Verarbeitung führen
Lösung: Asynchrone Verarbeitung mit Echtzeit-Statusupdates hält die Benutzeroberfläche vollständig reaktionsfähig, während KI-Operationen im Hintergrund laufen.
Problem: Portrait Studio, Video-Generierung und Bild-Upscaling haben unterschiedliche Eingabetypen und Ausgabeformate, was eine einheitliche Benutzererfahrung erschwert
Lösung: Eine gemeinsame Komponentenbibliothek und standardisierte Seitenstruktur sorgen für visuelle und funktionale Konsistenz über alle Tools hinweg
Problem: Die Verarbeitung persönlicher Porträts und Nutzerdaten erfordert strenge Massnahmen hinsichtlich Datenschutz, Dateizugriff und Datenintegrität während des gesamten Upload- und Verarbeitungsprozesses
Lösung: Alle Übertragungen erfolgen über gesicherte AWS S3 Signed URLs mit serverseitiger Validierung und Zugriffskontrollen, um unbefugten Zugriff zu verhindern
Ein moderner, skalierbarer Tech-Stack für Performance und langfristige Wartbarkeit.
Bereitstellung eines typsicheren und wartbaren Frontends mit einer schnellen und strukturierten Benutzeroberfläche.
Betrieb einer leichtgewichtigen Backend-API, die Anfragen verarbeitet und zuverlässig mit KI-Diensten kommuniziert.
Hosting der Anwendung mit der nötigen Stabilität für eine medienintensive Plattform im Produktivbetrieb.
Verwaltung aller Dateien mit sicheren Zugriffsmechanismen und zuverlässiger Bereitstellung von Anfang an.
KI-Tools für kreative Aufgaben gibt es viele. Die meisten erfordern technisches Wissen, eine steile Lernkurve oder ein Abo-Modell, das für Gelegenheitsnutzer keinen Sinn ergibt. FixMyFoto ist von Anfang an mit einer anderen Prämisse gebaut: Profi-Ergebnisse müssen in zwei Klicks erreichbar sein — unabhängig vom technischen Hintergrund des Nutzers.
Die technische Komplexität — asynchrone KI-Pipelines, AWS-Infrastruktur, drei separate Backends unter einem Design-System — ist unsichtbar. Das ist Absicht. Wer FixMyFoto benutzt, denkt nicht an Node.js oder S3 Buckets. Er denkt daran, dass sein Bild in 30 Sekunden besser aussieht.
FixMyFoto ist der Beweis, dass KI-Produkte nicht komplex wirken müssen, um komplex zu sein. Für Unternehmen, die KI-Funktionen in ihre eigenen Produkte integrieren wollen: Das ist der Massstab für gute Nutzererfahrung in einer KI-Plattform.
