Eine Landingpage in 48h für TeachFlows

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.

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.

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.