Eine Landingpage in 48h für TeachFlows

Portfolio
Webdesign
Webflow

TeachFlows

Kunde

48 Stunden

Kick-Off bis Launch

Sydney

Standort

n/a

Aktuelle Finanzierung

Über TechFlows und die Challenge mit den 48h

TeachFlows kombiniert die Kreativität von Lehrpersonal mit der Magie von künstlicher Intelligenz. Das Ziel: Eine neue Ära von Lehrmaterialien, die interaktiv und spielerisch sind sowie schnell und automatisiert erstellt und vorbereitet werden können. So innovativ wie das Produkt selber, soll natürlich auch die eigene Website sein, die Wahl von Webflow lag dementsprechend auf der Hand. Das Problem: das Design steht, alle Lottie-Animationen sind bereits erstellt, allerdings hapert es bei der Umsetzung in Webflow. Insbesondere Custom Features lassen das Team vor der inhouse Erstellung abschrecken. Erschwerend kommt hinzu, dass der Website Launch eine Deadline von 48h hat.

Schnelle Umsetzung, durch starke Design-Vorarbeit

Nach der ersten Kontaktaufnahme war schnell klar, dass sich das Design der Page in 2 Tagen umsetzen lässt. Aufgrund der Vorbereitung der Assets und Detailtiefe des Designs, sind nur wenige Rückfragen notwendig, um mit dem Webflow Development zu starten. Kleine Designanpassungen, wie das Alignen von Inhalten, die eigentlich auf einer Höhe sein sollten, oder kleinen Optimierungen am Spacing- und Design-System werden aufgrund des Zeitmangels während der Developmentphase direkt umgesetzt.

Insbesondere im Alignment und den Containergrößen wird nochmal nachgefasst, um das finale Design rund und stimmig für Websitebesucher wirken zu lassen.

Vorher (links) und Nachher (rechts)zeigen deutlich, wie die Vereinheitlichungen von Abständen und Führungslinien zu einem harmonischeren Design führen können.
Client-First CSS
Custom Code
Webflow
Designkorrekturen
Speedbuild
Special Navbar

Das Resultat: eine skalierbare Webflow Website mit AI x Emotion Charakter

Das Resultat kann sich trotz der knackigen Timeline sehen lassen. Eine custom sticky Navbar begleitet Websitebesucher konstant durch die Website und hightlighted den Bereich, der gerade gezeigt wird. Lottie Animationen und Gradients, die sich sogar in den Headlines spiegeln sorgen für den modernen und für KI typischen Designcharakter und Animationen sowie Illustrationen sorgen für die notwendige Portion Emotionen und Verspieltheit, die von einem Educational-Produkt erwartet werden. Abgerundet wird die Seite durch Custom Code Erweiterungen, wie das Tab Menu, welches automatisch rotiert und nicht statisch bleibt.

Live Website anschauen
Websites werden weiterentwickelt. Es kann also sein, dass die live Website von den gezeigten Bildern abweicht.

Kundenlogos der Virtual Entity Academy

Du stehst vor ähnlichen Herausforderungen?

Kostenfrei & unverbindlich