Fallstudie: Wie Zestful seine Marketing-Site - und Web-App - mit Webflow erstellt hat. 1

Welche spezifischen Herausforderungen gab es vor der Nutzung von Webflow, die es zu einer attraktiven Option für Zestful machten?
Vor Webflow gab es eine Einschränkung, was ich als Designer tun konnte. Es würde Wochen oder Monate dauern, bis ich etwas mit Sketch entworfen und in ein HTML/CSS-Mockup umgewandelt habe. Und weil meine Fähigkeiten dort aufhörten, musste ich einen Ingenieur oder Entwickler finden, damit es funktioniert – sei es eine Formularintegration oder die Erstellung von Software nach von mir erstellten Designs.

Webflow machte es möglich, dies in einem Schritt zu tun. Und was früher Wochen gedauert hat, dauert heute in vielen Fällen nur noch Stunden.

Gibt es also über die Tatsache hinaus, dass Webflow ein vertrautes und leistungsfähiges Werkzeug für Sie war, spezifische Vorteile, die Sie bei der Verwendung für Zestful gefunden haben?
Ja – Webflow erlaubte es mir, vier oder fünf verschiedene Prototypen zu erstellen.

Jeder Prototyp war etwas anders und zeigte mögliche Merkmale auf, die wir entwickeln wollten. Wie bei jedem Startup sind wir mit der Zeit und den Ressourcen, die wir hatten, begrenzt und konnten nicht alle davon bauen! Indem wir also das, was wie das echte Produkt aussieht und sich anfühlt (mit dem ausgefallenen Webflow IX), konnten wir echtes Kundenfeedback erhalten, bevor wir etwas bauen.

Wenn ein Benutzer etwas auf der eigentlichen Webseite benutzt und es sich für ihn real anfühlt, ändert sich die Erfahrung völlig. Sie können Feedback erhalten, das Sie einfach nicht von einem statischen Modell oder von etwas erhalten können, das mit einem Tool wie Sketch oder InVision erstellt wurde, das sich irgendwie real anfühlt, aber die Benutzer wissen, dass es das nicht ist.

Also schickte ich diese Mockups raus und sagte: “Hey, schau dir das an. Lass mich wissen, was du denkst.” Sie benutzten es wie echte Software und gaben Empfehlungen, weil es in ihrem Kopf kein gefälschter Prototyp war. Es war die eigentliche Software für das Endergebnis.

Wenn Sie versuchen, sich schnell zu bewegen, etwas aufzubauen und innerhalb weniger Stunden Feedback zu erhalten, gibt es wirklich kein besseres Tool als Webflow.

Was hat Webflow von ähnlichen Tools unterschieden, die Sie für diesen Prozess verwendet haben könnten?
Wie ich bereits erwähnt habe, können Kunden erkennen, wann etwas echt ist und wann nicht. Und mit Webflow bauen Sie auf einer Plattform auf, die echten Code verwendet, was das Endergebnis umso authentischer erscheinen lässt.

Ich arbeite wahrscheinlich schneller in Webflow als in jedem anderen Tool. Für jemanden, der anfängt, mögen andere Tools schneller sein, aber ich garantiere, dass das Endergebnis nicht genauso wie Webflow ein authentisches Erlebnis fördert. Das Unterscheidungsmerkmal für mich war die Fähigkeit, etwas Reales zu bauen und in Webflow zu arbeiten, anstatt mit einem anderen Tool zu beginnen, das ich an einen Entwickler übergeben musste, der dann das Reale bauen konnte.

Entfesseln Sie Ihre Kreativität im Web.
Erstellen Sie komplett benutzerdefinierte, produktionsreife Websites – oder Ultra-High-Fidelity-Prototypen – ohne eine Zeile Code zu schreiben. Nur mit Webflow.

Hast du darüber nachgedacht, ein alternatives Mittel zum Aufbau von Zestful zu finden, und wenn ja, was hat den Ausschlag gegeben?
Nicht einmal annähernd. Ich benutze Sketch, aber nur für Ikonographie, Bilder und Grafiken. Ich glaube nicht, dass es wirklich eine Zeit gab, in der wir über den Wechsel nachgedacht haben. Und wie Sie bereits erwähnt haben, hatten wir bereits die Erfahrung mit Webflow, also machte es Sinn.

Früher habe ich mich auf Sketch für mobile App-Modelle verlassen, aber jetzt baue ich diese fast ausschließlich auch in Webflow!

Wenn du diese mobilen Mockups machst, fängst du dann auf dem Desktop an und verkleinerst ihn, oder springst du einfach direkt zum mobilen Ansichtsfenster?
Ich ging in diesem Fall direkt zum mobilen Viewport, weil ich gerade die mobile App (nicht die Desktop-App) entworfen habe.

Wirst du mit der mobilen App weitermachen?
Das sind wir definitiv – Wir haben bereits damit begonnen, daran zu arbeiten und dabei letztendlich das genaue Design von Webflow zu verwenden.

Ich habe gehört, dass Sie immer noch Webflow verwenden, um das Frontend der App zu betreiben. Könntest du mir mehr darüber erzählen?
Das Frontend der App von Zestful ist zu 100% mit Webflow gestaltet und erstellt. Ich benutze Webflow als eine Möglichkeit, jedes Pixel buchstäblich zu simulieren, und dann nehmen unsere erstaunlichen Ingenieure den Code direkt von dort und integrieren ihn in unsere App selbst.

Wir verwenden buchstäblich den CSS-Link vom Kopf auf unserer Webflow-Mockup-Seite, um das gesamte CSS für unsere App zu betreiben.

Wenn ich also eine neue CSS-Änderung in Webflow veröffentliche, ist es buchstäblich eine einzeilige Änderung in unserer App, um unser gesamtes Stylesheet vollständig zu aktualisieren.

Gab es einen unerwarteten Wert, den Sie aus der Nutzung von Webflow gezogen haben?
Unerwartet? Wahrscheinlich nicht – aber ich bin ein wenig voreingenommen, da ich Webflow schon so lange benutze! Aber es erstaunt mich immer wieder, wie schnell wir völlig neue Funktionen entwickeln können, für die unsere Mitbewerber Monate brauchen, die für uns eine einzige Woche dauern können. Ein großer Teil dieses Guthabens geht an unseren unglaublichen CTO (Malte), aber die Möglichkeit, den Frontend-Bereich in Webflow schnell zu erstellen, beschleunigt die Sache um das Zehnfache.

In Bezug auf das Einkochen auf einen quantitativen Beweispunkt….
Wir haben in weniger als einem Monat eine unglaublich leistungsstarke, voll funktionsfähige Web-App entwickelt. Und diese Web-App half uns, 1 Million Dollar an Finanzmitteln aufzubringen!

Wann hast du angefangen?
Wir haben offiziell im Januar dieses Jahres gestartet.

Wie würdest du deine Mission definieren?
Wir geben so viel von unserem Leben aus.

Fallstudie: Wie Zestful seine Marketing-Site – und Web-App – mit Webflow erstellt hat.

Das könnte dir auch gefallen