Zurück

HeyFriday

Eine Fotodatenbank mit KI-Funktionen. Vom ersten Wireframe bis zur laufenden Anwendung.

Übereinandergelegte Bildschirme der Anwendung HeyFriday: Galerie mit Dateiliste, Dashboard mit Fotoübersicht und Fotodetail
Branche
Fotoverwaltung und KI
Umfang
Konzept, Anwendung, Website, Betrieb
Umsetzung
2025 bis heute
Stack
Node.js, Nuxt, LLM, MCP

Aufgabe

Firmenfotos liegen auf Festplatten, in E-Mails und auf geteilten Speichern. Wer sie aufgenommen hat, wer darauf zu sehen ist und ob sie überhaupt verwendet werden dürfen, weiß meist nur eine Person. Und die sitzt gerade nicht am Computer.

HeyFriday ist die Antwort auf dieses Problem. Eine Datenbank, die ein Foto selbst beschreibt, verschlagwortet und auf eine ganz normal formulierte Anfrage hin findet. Zu jeder Aufnahme hält sie die Lizenz fest: Medium, Gebiet und Gültigkeit, sodass sichtbar ist, was veröffentlicht werden darf und bis wann.

Die Webanwendung haben wir für die gen live production s.r.o. entwickelt. Die Anforderungen haben wir von den ersten Skizzen an gemeinsam mit dem Kunden abgestimmt und die gesamte Umsetzung übernommen: Konzept der Anwendung, Entwicklung und den anschließenden Betrieb.

Die ganze Anwendung in zwei Minuten

Ein schneller Rundgang durch die ganze Anwendung: Dashboard, Galerie, Import mit Duplikatprüfung, Karte und Teilen. Kommentar auf Tschechisch.
Ein kurzer Einblick in die laufende Anwendung: Galerie, Beschreibung durch die KI, Personenerkennung und die Lizenz bei jedem Foto.

Zuerst wird alles gezeichnet

Die gesamte Anwendung zeichnen wir als Prototyp in Figma. Der Kunde geht sie Bildschirm für Bildschirm durch, schreibt Anmerkungen direkt in den Entwurf, und wir arbeiten sie ein, bevor die erste Zeile Code entsteht.

Wireframe der Fotogalerie mit Ordnern, Filtern und Kontextmenüs
1 Wireframe der Galerie: Ordner, Filter, Mehrfachauswahl und KI-Schaltfläche. Penpot, 3. Sprint.
Galerie in der laufenden Anwendung HeyFriday als Raster: Ordner, Fotovorschauen jeweils mit Datum und Größe, bei einer das Etikett Lizenz abgelaufen
2 Dieselbe Galerie live. Raster, Liste und Mosaik, bei jedem Eintrag Größe und Datum.
Arbeitsfläche des Prototyps in Figma mit Dutzenden Bildschirmen der Anwendung, Verbindungen zwischen ihnen und Anmerkungen des Kunden
3 Der gesamte Prototyp umfasst Dutzende Bildschirme. In übertriebene Details gehen wir dabei aber nicht.
Diagramm der KI-Funktionen in Figma: der Weg eines Fotos vom Auslesen der Metadaten über Beschreibung und Embedding bis zu Schlagworten und Personenerkennung
4 Auch die KI-Funktionen selbst müssen sorgfältig geplant werden.

Das Konzept in Zahlen

246
Wireframes
6
Sprints
48 Tsd.
Zeilen Code
1 Tsd.
Anfragen an OpenAI

Die Programmierung selbst dauerte knapp drei Monate. Es gab mehrere Meetings, und es entstanden eine Entwicklungs-, eine Test- und eine Produktionsumgebung sowie eine automatisierte CI/CD-Build-Pipeline.

Künstliche Intelligenz in der Hauptrolle

Die Fotos werden von Modellen von OpenAI verarbeitet. Sie analysieren, was auf einer Aufnahme zu sehen ist, schreiben eine Beschreibung dazu, schlagen Schlagworte vor und überführen den Inhalt in eine Vektordatenbank, in der sich dann nach Bedeutung suchen lässt, nicht nur nach übereinstimmenden Wörtern.

Die KI erkennt, was auf dem Foto ist, erkennt Personen und lässt Sie ganz natürlich fragen, etwa „rauchender Schornstein mit Himmel im Hintergrund".

Falls Sie sich gerade für die Personenerkennung interessieren, können Sie sie direkt auf unserer Website ausprobieren: Auf der Seite KI läuft eine Live-Demo direkt im Browser, und weder das Kamerabild noch ein hochgeladenes Foto verlassen dabei Ihr Gerät.

Unsere KI-Assistentin Marie

Marie optimiert ein hochgeladenes Foto, beschreibt es, schlägt Schlagwörter vor und erkennt die Personen darauf samt Emotionen und geschätztem Alter. Auf Wunsch schreibt sie die Beschreibung neu und findet Fotos auch im Gespräch. Der Kommentar ist auf Tschechisch.

Wie viel Glas ist zu viel Glas?

Die Panels der Anwendung sind aus Glas. Die durchscheinende Ebene macht unscharf, was dahinter liegt, und übernimmt von dort ihre Farbe, sodass die Oberfläche auch über einem Foto zusammenhält, das sonst visuelles Chaos erzeugen würde. Das Glas lässt sich aber abschalten, und die Anwendung muss auch ohne es bestehen: Das Panel wird dann deckend gefüllt und bekommt statt eines toten Graus einen Hauch der Primärfarbe, damit es den Ton behält, den es durch das Glas hatte.

Dasselbe Fotodetail mit ausgeschaltetem Glas: Die Panels sind deckend und im warmen Ton der Primärfarbe gehalten
Fotodetail in der Anwendung HeyFriday mit eingeschaltetem Glas: Die Panels sind durchscheinend und lassen den Inhalt der Galerie dahinter durchschimmern
Links mit Glas, rechts ohne. Die Grenze dazwischen lässt sich verschieben, um beide Varianten an derselben Stelle zu vergleichen.

Redesign Q4 2026

Ende 2026 bekam die Anwendung ein großes Redesign. Ein Jahr im Betrieb hat viele neue Funktionen gebracht, und dieses große Update hat überarbeitet, wie alles aussieht, von der Navigation bis zu den einzelnen Bildschirmen, damit sie wieder wie aus einem Guss wirken.

Die Galerie von HeyFriday in der Kartenansicht: Fotos nach Aufnahmeort rund um das Kraftwerk Temelín gruppiert, bei jeder Gruppe die Zahl der Aufnahmen
Dazu kam eine bessere Kartenansicht. Die Fotos werden nach ihrem Aufnahmeort gruppiert, jede Gruppe zeigt die Zahl der Aufnahmen, und auf einen Blick ist klar, wie viele Fotos keine Koordinaten haben.

Stimme des Kunden

Jan Šebek

Ich schätze vor allem die Selbstständigkeit und Flexibilität der Jungs von 200solutions. Nicht alles hat auf Anhieb geklappt, aber dass wir uns um 2 Uhr nachts zusammensetzen und dem Kunden um 9 Uhr die Korrekturen präsentieren können, ist entscheidend. Vielen Dank dafür.

Jan Šebek
founder, producer @ gen live production, s. r. o.

Was das System noch kann

Alle Funktionen und Feinheiten des Systems durchzugehen, würde ein ganzes Buch füllen. Hier zumindest ein kurzer Überblick über das Interessanteste.

  • Sie suchen mit eigenen Worten, nicht mit Schlagworten

    Sie schreiben „Fotos vom letzten Sommer, auf denen der Kühlturm zu sehen ist", und das System stellt alle Filter selbst ein: Zeitraum, Inhalt, Ausrichtung. Die Einstellungen sehen Sie dabei und können sie von Hand nachjustieren, sodass Sie nie rätseln müssen, warum gerade diese Fotos herauskamen.

  • Das System erkennt, was auf dem Foto ist

    Jedes hochgeladene Foto sieht es sich selbst an, beschreibt es und versieht es mit Schlagworten. Sie finden also „Anstoßen" auch auf einer Aufnahme namens DSC_4471.jpg, die nie jemand von Hand beschrieben hat. Genau hier scheitern Archive gewöhnlich: Die Fotos sind da, aber niemand findet sie.

  • Sie finden Fotos einer bestimmten Person

    Das System erkennt Gesichter und kann die Anfrage „alle Fotos, auf denen unser Geschäftsführer ist" beantworten. Praktisch, wenn Sie ein Porträt für eine Pressemitteilung brauchen und sich nicht durch drei Jahre Veranstaltungen klicken wollen.

  • Lizenzen hängen am Foto, nicht in einer Tabelle daneben

    Bei jedem Foto ist angegeben, wo es verwendet werden darf (Druck, Web, beides), in welchem Gebiet und bis wann. Nach Ablauf wird die Vorschau unbrauchbar gemacht und das Foto lässt sich nicht herunterladen. Das schützt davor, dass jemand versehentlich eine Aufnahme veröffentlicht, an der Sie keine Rechte mehr haben. Lizenzen lassen sich gesammelt verlängern.

  • Teilen nach außen und nach innen, immer mit Enddatum

    Einen Ordner oder ein Album teilen Sie entweder per Link mit beliebigen Personen (die Empfänger brauchen kein Konto) oder mit bestimmten Personen in Ihrer Organisation. In beiden Fällen legen Sie ein Datum fest, an dem der Zugriff endet. Außerdem weist das System darauf hin, wenn jemand ein Foto herunterlädt, dessen Lizenz auf ein anderes Gebiet beschränkt ist.

  • Alles läuft auf eigenen Servern

    Weder die Fotos noch ihre Analyse verlassen die Infrastruktur, die das Unternehmen unter Kontrolle hat. Dazu kommt eine weniger sichtbare, aber wichtige Sache: Das System ist nicht an einen einzigen KI-Anbieter gebunden. Das ist eine Absicherung dagegen, dass ein Anbieter die Preise erhöht oder seine Bedingungen ändert.

Firmenfotos haben endlich einen Ort. Und finden sich dort von selbst.