Webflow wird immer wieder als der innovative Homepage-Baukasten bezeichnet. Doch ist Webflow die eierlegende Wollmilchsau und kann das Tool die Versprechen halten. Mit diesem Test und Review im Jahr 2021 wollen wir überprüfen, was Webflow überhaupt ist, wie gut das Programm es schafft, die Code-Barriere zu brechen und wie einfach die Erstellung komplexer Websites funktioniert. Unser Test verrät Ihnen, was die Software kann und wie einfach diese zu bedienen ist.
<h2 id="Webflow-Übersicht" data-headline="Webflow Übersicht"><span class="first_id_number">1.</span>Was ist Webflow überhaupt?</h2>
Webflow ist grundsätzlich erst einmal ein Homepage-Baukasten-System, welches allerdings die Vorteile eines solchen Baukastens mit Funktionen wie CMS und eCommerce erweitert. Zudem ist es so, dass Anwender bei Webflow zwar keine Programmierkenntnisse benötigen, aber ein Verständnis für die Programmiervorgänge und den Aufbau von Websites mitbringen sollten. Aufgrund der umfangreichen Funktionen und der oftmals komplexen Möglichkeiten ist die Lernkurve bei Webflow sehr steil. Dafür können die Nutzer unter anderem dynamische Websites erstellen, Designs exakt an die eigenen Wünsche anpassen und wie bei Photoshop den Aufbau der Seite ausgestalten, ohne sich mit dem eigentlichen Code der Website beschäftigen zu müssen. Daher richtet sich Webflow vor allem an Webdesigner, welche den Designprozess optimieren möchten, ohne dabei auf gut geschriebenen Code zu verzichten. Wir haben dies für Sie bereits in einem anderen Artikel genauer aufgeschlüsselt.
<div class="rtf-blog-element"><div class="icon_area"><img src="https://assets-global.website-files.com/620a7cdcd7f0ed9792867991/627c29a301fa389fd8f12485_info-icon.svg" loading="lazy" alt=""><p class="rtf-blog-heading cc-tip">Good to know: </p></div><p>Webflow ist eine Software as a Service - also ein jederzeit erreichbares Online-Tool - mit dem man responsive Webseiten direkt im Browser bauen kann.</p></div>
<h2 id="Der-Review" data-headline="Der Review"><span class="first_id_number">2.</span>Webflow im Test - das zeigt der Review</h2>
Wenn Sie darüber nachdenken, in Zukunft Webflow für Ihre Projekte zu nutzen, dann sollten Sie in jedem Fall wissen, was Sie zu erwarten haben. Unser Review zeigt im Folgenden deutlich, wo die Schwerpunkte und Möglichkeiten der Anwendung liegen und in welchen Bereichen Sie das Tool besonders gut und effektiv einsetzen können. Der Review ist sowohl für Menschen ohne große Vorkenntnisse im Bereich Webgestaltung als auch für Profis in diesem Bereich erstellt worden. Denn der Test muss für alle Nutzergruppen gleichermaßen interessant und wertvoll sein. Daher versuchen wir nach Möglichkeit klar zu kommunizieren, welche Nutzer mit welchen Funktionen und Möglichkeiten angesprochen werden. Wir hoffen, dass der Review Ihnen hilft, sich über die Möglichkeiten von Webflow im Gesamten Klarheit zu verschaffen.
<h2 id="Webflow-Vorteile" data-headline="Webflow Vorteile"><span class="first_id_number">3.</span>Die Vorteile von Webflow im Test</h2>
Wichtig ist sich erst einmal alle Vorteile genauer anzusehen, ehe wir in den einzelnen Bereichen im Test ins Detail gehen. Betrachten wir also die Vorteile:
- Wichtig ist, sich erst einmal alle Vorteile genauer anzusehen, ehe wir in den einzelnen Bereichen im Test ins Detail gehen. Betrachten wir also die Vorteile:
- Einzigartige Kombination aus Website-Baukasten und Content Management System
- Einfache Integration von eCommerce direkt über die Plattform
- Große Auswahl an Templates und Designs mit hoher Gestaltungsfreiheit
- Keine künstlichen Begrenzungen der Gestaltungsmöglichkeiten
- Webflow schreibt guten und klar strukturierten Code
- Enorm umfassende Lernplattform mit der Webflow-University
<h2 id="Webflow-Nachteile" data-headline="Webflow Nachteile"><span class="first_id_number">4.</span>Die Nachteile von Webflow im Test</h2>
Selbstverständlich müssen wir auch die Nachteile nennen, die uns im Review aufgefallen sind. Unter anderem ist Webflow nur in englischer Sprache verfügbar und setzt somit Kenntnisse der entsprechenden Fachbegriffe voraus. Das kann ein Hindernis für einige Designer darstellen, wer sich allerdings einarbeitet, kommt schnell mit der englischen Benutzeroberfläche zurecht. Ein weiterer Nachteil gegenüber anderen Homepage-Baukästen ist, dass Webflow immer Design- und Programmierkenntnisse voraussetzt. Es muss zwar nicht selbst der Code geschrieben werden, doch der Aufbau der Website in Boxen ist ohne diese Kenntnisse mehr als kompliziert. Und das führt direkt zum dritten Nachteil: Die Lernkurve ist in Webflow enorm steil, wie unser Test mehrmals gezeigt hat. Man muss also am Anfang viel Zeit investieren und sich umfassend mit dem Programm und seinen Möglichkeiten beschäftigen, um die gewünschten Ergebnisse zu erzielen. Wer sich allerdings diese Mühe macht, wird mit einem enorm leistungsstarken Programm belohnt, welches die Gestaltung von Websites, CMS und Onlineshops enorm erleichtert.
-min.png)
Der Bedienkomfort des Programms für den Anwender
Besonders wichtig im Test ist der Bedienkomfort für den Nutzer. Dieser fällt im Review zwar positiv aus, ist aber dennoch verbesserungswürdig. Der Grund liegt vor allem in der sehr steilen Lernkurve begründet. Nach der Anmeldung werden einzelne Daten abgefragt und anschließend können Sie sofort loslegen. Dazu stellt Webflow sowohl ein Tutorial als auch verschiedene Templates bereit. Dies wurde im Review auch immer als besonders positiv herangezogen.
Doch danach lässt Sie das Programm weitestgehend allein und alle weiteren Schritte müssen Sie sich selbst erarbeiten. Die Arbeit selbst ist dank der einfach aufgebauten und sich selbst gut erklärenden Oberfläche relativ einfach. Doch ohne Vorkenntnisse im Programmieren von Websites wird es dennoch schwierig, da das gesamte Design auf dem Box-Design aufbaut. Das bedeutet, dass jedes Element einer Website in einer eigenen Bos untergebracht wird, welche dann navigiert und zueinander in Relation gesetzt werden können.
Die Oberfläche ist dabei immer aufgeräumt und übersichtlich und Sie können direkt sehen, welche Änderungen Sie vornehmen und diese entsprechend auf Wunsch auch rückgängig machen. Webflow selbst schreibt für alle Arbeiten im Hintergrund den Code, sodass hier im Test nichts zu bemängeln war.
Wenn Sie sich mit Hilfe der Webflow University in das Programm eingearbeitet haben, ist der Bedienkomfort hervorragend. Hier gibt es nichts zu beanstanden. Man könnte somit sagen, dass Webflow mit seinem hybriden Ansatz deutlich weiter ist als vergleichbare Homepage-Baukästen, aber dafür auch mehr Einsatz von seinen Nutzern verlangt.
Features und Funktionen im Überblick
Die Features sind die Kernelemente von Webflow. Der von uns bereits beschriebene Webflow Designer ist das Herzstück des gesamten Programms. Im Test erinnert der Designer sehr stark an Photoshop oder auch Adobe Premiere und bietet eine enorme Bandbreite an Funktionen und Möglichkeiten. Sie können - unter Berücksichtigung der Programmier-Logik - praktisch jeden Design-Wunsch einfach umsetzen. Ähnlich verhält es sich mit dem Webflow CMS, mit dem Sie dynamische Inhalte einfach erstellen und integrieren können.
Zur Erstellung neuer Inhalte, aber auch zur Veränderung des Contents bei bestehenden Websites steht Ihnen der Webflow Editor zur Verfügung. Dieser bietet Ihnen die einfache Verwaltung der verschiedenen Bereiche und ermöglicht es, mit wenigen Klicks das Zusammenspiel der unterschiedlichen Elemente zu verändern.
Designgestaltung und Templates: Ein Review
Sie müssen in Webflow Ihr Design nicht von Grund auf selbst aufbauen, wenn Sie dies nicht wünschen. Neben den freien Möglichkeiten der Gestaltung zeigt das Programm im Test eine breite Palette an bereits vorgefertigten Designs. Von diesen stehen hunderte Templates zur Verfügung, die in Teilen kostenfrei und in Teilen kostenpflichtig sind. Dabei wird kaum ein Bedarf ausgelassen. Unser Review zeigt, dass Templates für Blogs, Dienstleistungen, Portfolios und auch Shops in großer Auswahl vorhanden sind. Die Templates sind dabei immer auf absolute Flexibilität ausgerichtet und bieten Ihnen somit die Möglichkeit der schnellen und einfachen Individualisierung.
E-Commerce-Integration bei Webflow
Durch die Möglichkeit, Ihren E-Commerce direkt in Webflow einzubinden, ist die Integration besonders einfach. Sie werden Schritt für Schritt zum eigenen Onlineshop geführt und können Produkte und Produktgruppen anlegen und alle Elemente einfach und übersichtlich kontrollieren. Da alle Schritte im Prozess von Ihnen individuell angepasst und optimiert werden können, bietet Webflow eine enorme Kontrolle über den gesamten Prozess. Hier kann kein anderes System, welches bereits einem Test unterzogen wurde, in unseren Augen mithalten.
Marketing und SEO- Einbindung mehr als gelungen
Die Einbindung gängiger Marketing- und Analyse-Werkzeuge wie Google Analytics, Facebook Pixel oder auch Zapier oder Hotjar ist einfach machbar und lässt sich innerhalb kürzester Zeit umsetzen. Zudem bietet Webflow direkt an der Oberfläche des Editors alle gängigen SEO-Funktionen, sodass Sie unter anderem die Metadaten der Seiten einfach einpflegen können.
Webflow-University und Kundensupport
In Sachen Kundensupport ist die Plattform mehr als erfolgreich. Nicht nur, dass der Support schnell arbeitet und Kompetenz vermittelt, die Webflow-University ist eine Lösung, die ihresgleichen sucht. Denn hier findet der Nutzer eine enorme Anzahl an Tutorials und Videos, welche die unterschiedlichen Funktionen perfekt erklären und hervorragend aufbereitet sind. Optimal also, um bei der steilen Lernkurve den Anschluss nicht zu verpassen. Zu kaum einem Thema im Test gab es keine Erklärung oder keine Hilfe. Daher ist unser Review eindeutig: Kein anderes Baukasten-System und kaum ein anderes CMS bietet einen solchen Fundus an Wissen für die eigenen Nutzer an.
Die Preisgestaltung - komplexer als notwendig
Review und Test sind natürlich wichtig, doch auch die preisliche Ausgestaltung eines Angebots tragen zur Entscheidungsfindung bei. Und hier macht es Webflow den Interessenten auf den ersten Blick schwieriger als gedacht. Denn es gibt viele verschiedene Preismodelle und Nutzungspläne mit unterschiedlichen Optionen und Möglichkeiten. Dabei können Sie gezielt für einzelne Projekte, also Website-bezogen Preisprogramme wählen, oder Account-bezogene Modelle, welche Ihnen die Ausgestaltung mehrerer Seiten und Projekte erlaubt.
Darüber hinaus können für Unternehmen auch individuelle Vereinbarungen getroffen werden. Es ist also in jedem Fall sinnvoller, sich direkt mit Webflow in Verbindung zu setzen und sich bei der Auswahl des Pakets beraten zu lassen. So können die optimalen Bedingungen geschaffen werden. Der Test zeigt, dass sich die Hersteller besonders bei Unternehmen sehr kommunikativ zeigen und auf ihre individuellen Wünsche und Anforderungen häufig eingehen können.
Webflow im Vergleich zu alternativen Angeboten
Andere Baukästen und CMS mit Webflow zu vergleichen ist im Rahmen dieser kurzen Review schlecht möglich. Dennoch können wir darauf eingehen, wie sich die verschiedenen Lösungen im direkten Test verhalten. Besonders der Vergleich zwischen Webflow und WordPress ist dabei interessant, da WordPress von vielen kleinen Unternehmen als Grundlage für die eigene Website genutzt wird. Und hier zeigt sich deutlich, dass der Ansatz von Webflow deutlich umfassender ist und zudem mehr Flexibilität bietet. Zwar ist es am Anfang schwieriger ein vorzeigbares Ergebnis zu präsentieren, nach Bewältigung der Lernkurve hingegen lassen sich moderne, schlanke und hochfunktionale Websites bauen, die weit über die Möglichkeiten von WordPress oder über die Möglichkeiten anderer Website-Baukästen hinausgehen.
Bewertungen durch Anwender und Endnutzer
Schauen wir uns im Review einmal die Erfahrungen an, welche die Anwender und auch die Endnutzer der Websites so machen konnten. Denn Webflow überzeugt ja nicht nur durch die große Anzahl an unterschiedlichen Features, sondern vor allem auch durch den sehr guten Workflow. Die Erfahrungen der Anwender sind durchweg positiv, auch wenn sich viele Anwender über den schwierigen Einstieg beschweren. Besonders attraktiv für die meisten Nutzer ist, dass sich Webflow sehr einfach und flexibel an die eigenen Bedürfnisse anpassen lässt. Egal ob Sie eine dynamische Website mit CMS-Elementen benötigen oder eine einfache statische Seite mit vielen Unterseiten, Sie können in Webflow alles über eine Oberfläche erstellen, bearbeiten und modifizieren. Hier ist der Review der Nutzer positiv und zeigt, wie sehr sich Webflow von der Konkurrenz unterscheidet. Im Test kann die Lösung somit auf ganzer Linie überzeugen.
<h2 id="Fazit" data-headline="Fazit"><span class="first_id_number">5.</span>Fazit: Webflow kann im Test überzeugen</h2>
Grundsätzlich lässt sich sagen, dass Webflow ein echter Gamechanger ist, welcher die Barriere zwischen Programmierung und Design nachhaltig aufbrechen kann. Wer sich nicht mit Programmieren und der Ausgestaltung von Websites auskennt, wird die steile Lernkurve am Anfang leider häufig als demotivierend empfinden. Wer allerdings grundlegende Ahnung von Webdesign und den Funktionen der verschiedenen Elemente hat, wird sich in Webflow sehr schnell zurechtfinden. Im Test haben die Nutzer vor allem begeistert über die einfache Gestaltung auch komplexer Websites gesprochen, welche durch Webflow hervorragend unterstützt werden. Zudem zeigt der Review deutlich, dass das Programm einen guten und vor allem gut lesbaren Sourcecode ausspuckt und nicht versucht, wie andere Konkurrenten, den eigenen Code zu verkomplizieren. Sie können somit auf Wunsch auch direkt im HTML- und CSS-Code der Seite nacharbeiten und bei Bedarf somit detaillierte Änderungen durchführen. Notwendig ist dies allerdings nicht, da der Code sauber programmiert wird und Sie alle Änderungen einfach über die gut aufgebaute Designoberfläche durchführen können.
Im Test und Review zeigt sich deutlich, dass Webflow viele Funktionen anderer Baukästen in sich vereint und insgesamt verbessert. Einzig bei der Preisgestaltung kann es anfangs zu Verwirrung kommen, dennoch lassen sich schnell die passenden Optionen auswählen.
<div class="rtf-blog-element cc-filled"><p class="rtf-blog-heading cc-white">Möchten Sie mehr über Webflow erfahren? Dann vereinbaren Sie gerne ein Gespräch!</p><a href="/de/kontakt" class="c-button cc-border w-inline-block"><div class="c-button-text cc-mr15">Kontakt aufnehmen</div><div class="c-big-arrow-link_icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="14" viewBox="0 0 20 14">
<path id="arrow_right" data-name="arrow_right" d="M15,5,13.59,6.41,18.17,11H2v2H18.17l-4.59,4.59L15,19l7-7Z" transform="translate(-2 -5)" fill="currentColor"></path>
</svg></div></a></div>
