Forever Frames
Studienprojekt | Webentwicklung | Web-App | Online-Galerie | UI / UX
Forever Frames ist eine Online-Galerie für Hochzeitsfotografen, um Bilder einfach mit ihren Kunden teilen zu können.
Aufgabe
Als gemeinsames Projekt mit einer Kommilitonin, haben wir eine progressive Web-App erstellt. Meine Aufgabe war die gesamte Gestaltung und Umsetzung des Frontends.
Unser gemeinsames Ziel war es, die wichtigesten Funktionen für Fotografen und Kunden in einer benutzerfreundlichen und intuitiven Oberfläche anzubieten.
Verwendete Tools
Astro
SolidJS
MySQL
Javascript
TailwindCSS
DaisyUI
1. Galerie erstellen
Mit nur einem Klick aus der Galerie-Übersicht kann eine neue Galerie erstellt werden. Im „Allgemein“-Tab sind alle wichtigen Informationen auf einen Blick sicht- und änderbar.
2 . Tags anlegen
Das wichtigste Werkzeug zwischen Fotograf und Kunde ist das markieren von Bildern. Wichtige Tags sind automatisch angelegt, es können aber auch individuelle Tags erstellt werden.
3. Preview
Eine Preview zeigt die Kundenansicht, in der Bilder angeschaut und markiert werden können. Ein Popup-Fenster zeigt die Nachricht des Fotografen und die zu markierenden Tags.
4. Tags verwalten
Als Fotograf ist es nun möglich, die markierten Bilder zu Filtern und auszuwählen.
5. Galerien verwalten
In der Galerie-Übersicht sind alle relevanten Infos auf den ersten Blick zu sehen.