Webflow-Website, die über 300 Videos streamt
Webflow-Entwicklung für Creatively Squared: das neue Figma-Design umgesetzt, die Leistung verbessert, einen Blog im CMS aufgebaut und Animationen ergänzt.
- Branche:
- Visuelle Inhalte
- Land:
- Australien
- Meine Rolle:
- Webflow-Entwicklung
Überblick
Creatively Squared produziert hochwertige Bilder und Videos für Marken. Mit dem Team arbeitet WebFolks schon länger zusammen. Zuletzt sollte das Design erneuert und in Webflow umgesetzt werden. Ich habe die Webflow-Entwicklung übernommen, im Auftrag der Agentur WebFolks. Das Design stammt nicht von mir.
Aufgaben
- Das Design überarbeiten: Optik, Bedienbarkeit und Responsivität verbessern, ohne die Kernfunktionen zu ändern
- Das Figma-Design in Webflow umsetzen
- Leistung und Logik für schnelleres Laden und stabilere Funktion optimieren
- Einen dynamischen Blog mit eigenen Feldern im Webflow-CMS aufbauen, damit sich Inhalte leicht pflegen lassen
- Eigene Animationen und Interaktionen einsetzen
Lösungen
Website-Relaunch
Die Website ist Version 2 eines früheren Projekts. Der Relaunch brachte ein moderneres Design, eine bessere Nutzerführung und eine bessere Leistung.
Umsetzung in Webflow
Zuerst wurde das Design der bestehenden Seiten überarbeitet. Danach habe ich die Seiten in Webflow umgesetzt und dabei auf Leistung und Bedienung geachtet.
Galerie lädt schneller
Auf der Portfolio-Seite liegen über 300 Videos, die per Vimeo-Einbettung geladen werden. Ich habe eine eigene Funktion gebaut, die die Videos nacheinander lädt, sobald man scrollt, statt alle auf einmal. Das entlastet die Seite spürbar.
Blog und dynamische Vorlagen
Für den Blog habe ich eigene Felder angelegt. So kann das Team von Creatively Squared Beiträge im Webflow-CMS selbst hinzufügen und ändern.
Mobile Ansicht
Besonderen Wert habe ich auf die Darstellung auf kleinen Bildschirmen gelegt, damit die Navigation auf jedem Gerät einfach und klar bleibt.
Ergebnis
Die Website ist schnell, auf allen Geräten gut nutzbar und hat ein modernes Design. Der Blog lässt sich direkt im Webflow-CMS pflegen, und eigene Animationen machen die Seite lebendiger.
