Webflow Review (Ist dies der richtige Website-Builder für Sie?)

Webflow ist eine angesehene Website-Design-Plattform, die von over verwendet wird 3.5 Millionen Kunden weltweit. Egal, ob Sie ein erfahrener Profi sind oder gerade erst anfangen, diese Webflow-Rezension gibt Ihnen einen detaillierten Einblick in die Funktionen und Möglichkeiten dieser No-Code-Website-Erstellungsplattform.

Es gibt Hunderte von Website-Erstellern da draußen. Jeder ist für ein anderes Publikum geeignet. Webflow hat sich fest als Software der Wahl für professionelle Designer, Agenturen und Unternehmen positioniert, die die Unternehmensebene erreichen. 

In der Tat hat es eine beeindruckende Auswahl an Tools und Funktionen, die eine Freude zu bedienen sind – solange du weißt was du tust. 

Der No-Code-Site-Builder Nr. 1 im Jahr 2023

Webflow-Website-Builder

Ab 14 $ pro Monat (jährlich zahlen und 30 % Rabatt erhalten)

Verabschieden Sie sich von den Einschränkungen des traditionellen Webdesigns und begrüßen Sie die Vielseitigkeit und Kreativität von Webflow. Webflow verändert das Spiel zum Erstellen von Websites und E-Commerce, indem es Designern und Entwicklern ermöglicht, einzigartige benutzerdefinierte Websites zu erstellen, ohne Code schreiben zu müssen. Mit seiner benutzerfreundlichen visuellen Oberfläche und leistungsstarken Funktionen ist Webflow die perfekte Lösung zum Erstellen dynamischer, reaktionsschneller und optisch ansprechender Websites.

Probieren Sie Webflow kostenlos aus

Neueste Preise

Ich bin kein Webdesign-Experte, also mal sehen, wie ich mit der Plattform umgehe. Kann Webflow von jedem verwendet werden? Oder überlässt man das besser den Experten? Lass es uns herausfinden.

TL;DR: Webflow verfügt über eine großartige Auswahl an Tools und Funktionen, um beeindruckende, schnell funktionierende Websites zu erstellen. Es richtet sich jedoch eher an den Designprofi als an die durchschnittliche Person. Daher erfordert die Plattform eine steile Lernkurve und kann für manche zu überwältigend sein.

Vor- und Nachteile von Webflows

Lassen Sie uns zunächst das Gute mit dem Schlechten mit einem kurzen Überblick über die Vor- und Nachteile von Webflow in Einklang bringen:

Webflow-Preisgestaltung

Webflow bietet fünf Pläne für den allgemeinen Gebrauch:

• Freier Plan: Begrenzt kostenlos nutzen
• Grundplan: Ab 14 $/Monat bei jährlicher Abrechnung
• CMS-Plan: Ab 23 $/Monat bei jährlicher Abrechnung
• Geschäftsplan: Ab 39 $/Monat bei jährlicher Abrechnung
• Unternehmen: Maßgeschneiderte Preise

Webflow hat auch Preispläne speziell für E-Commerce:

• Standardplan: Ab $24.mo mit jährlicher Abrechnung
• Plusplan: Ab 74 $/Monat bei jährlicher Abrechnung
• Erweiterter Plan: 212 $/Monat bei jährlicher Abrechnung

Wenn Sie zusätzliche Benutzerplätze für Ihr Webflow-Konto benötigen, diese Kosten ab 16 $/Monat aufwärts, abhängig von Ihren Anforderungen. 

Eine detailliertere Aufschlüsselung der Preise von Webflow finden Sie unter my ausführlicher Artikel hier.

Bei jährlicher Zahlung sparen Sie 30 % im Vergleich zur monatlichen Zahlung. Da ein kostenloser Plan verfügbar ist, gibt es keine kostenlose Testversion.

Wichtig: Webflow tut es nicht bieten Rückerstattungen, und es gibt keine Geld-zurück-Garantie nachdem Sie zunächst für einen Plan bezahlt haben.

Webflow-Funktionen

Lassen Sie uns nun der Plattform einen guten Lauf für ihr Geld geben und uns darauf einlassen was Webflow tut und seine Funktionen und sehen, ob sie es sind den ganzen Hype wert.

Webflow-Vorlagen

Alles beginnt mit einer Vorlage! Webflow hat eine schöne Auswahl an kostenlosen, vorgefertigten Vorlagen die alle Bilder, Texte und Farben für Sie erledigt haben. Wenn Sie das Design verbessern möchten, können Sie dies auch tun entscheiden Sie sich für eine kostenpflichtige Vorlage.

Die Kosten für eine Vorlage liegen zwischen etwa 20 und über 100 US-Dollar und sind in einer Reihe verschiedener Geschäftsnischen erhältlich.

Aber hier gefällt es mir am besten. Bei fast allen Website-Erstellern gibt es keinen Mittelweg. Sie beginnen entweder mit einer vorgefertigten Vorlage, die alles singt und tanzt, oder mit einer leeren Seite. 

Eine leere Seite kann ein schwieriger Ausgangspunkt sein, besonders wenn Sie ein Anfänger sind, und a vorgefertigte Vorlage kann es schwierig machen zu sehen, wie es mit Ihrer Ästhetik funktionieren würde.

Webflow hat den Mittelweg gefunden. Die Plattform verfügt über grundlegende Vorlagen für Portfolio-, Geschäfts- und E-Commerce-Websites. Die Struktur ist vorhanden, aber sie ist nicht mit Bildern, Farben oder irgendetwas anderem Ablenkendem gefüllt.

Dies macht es einfach zu visualisieren und erstelle deine Website ohne sich von dem, was bereits da ist, täuschen zu lassen.

Webflow-Designer-Tool

Nun zu meinem Lieblingsstück, dem Bearbeitungswerkzeug. Ich habe mich hier für eine vorgefertigte Vorlage entschieden und sie im Editor gestartet.

Sofort, Mir wurde eine Checkliste mit allen Schritten vorgelegt, die ich abschließen musste um meine Website für die Veröffentlichung vorzubereiten. Ich dachte, das wäre eine nette Geste für diejenigen, die neu in dieser Software sind.

Als nächstes steckte ich in den Bearbeitungswerkzeugen fest, und das war der Moment Ich war überwältigt von der schieren Menge an angebotenen Optionen.

Das Tool hat das Übliche Drag-and-Drop-Oberfläche Dort wählen Sie das gewünschte Element aus und ziehen es auf die Webseite. Ein Klick auf ein Element öffnet das Bearbeitungsmenü auf der rechten Seite des Bildschirms und das Navigationsmenü auf der linken Seite. 

Hier wird es super detailliert. Im Screenshot sehen Sie nur einen Bruchteil des Bearbeitungsmenüs. Es scrollt tatsächlich nach unten, um a zu enthüllen verrückt Reihe von Bearbeitungsoptionen.

Jedes Webseitenelement hat diese Art von Menü, und es hört hier nicht auf. Jedes Menü hat auch vier Registerkarten entlang der Oberseite die weitere Bearbeitungswerkzeuge offenbaren.

Versteh mich jetzt nicht falsch. Das ist kein negativer Punkt. Jemand, der bereits an Webbuilding-Software und professionelle Webdesigner gewöhnt ist, wird in den Genuss kommen Menge an Kontrolle, die sie haben, da dies völlige kreative Freiheit ermöglicht.

Andererseits sehe ich schon, dass dies der Fall ist keine gute Wahl für Anfänger da es nicht sofort ersichtlich ist, was Sie tun müssen und wie Sie es tun.

Ich werde nicht auf das Wesentliche jedes verfügbaren Bearbeitungstools auf dieser Plattform eingehen, da wir die ganze Woche hier sein werden.

Eine vollständige Liste der Funktionen finden Sie jetzt auf der Website webflow.com.

Es genügt zu sagen, Es ist fortschrittlich und hat alles, was Sie jemals brauchen könnten, um selbst den detailorientiertesten Designer zufrieden zu stellen. 

Ich werde hier jedoch auf einige der bemerkenswerten Funktionen hinweisen:

• Automatisches Auditing-Tool: Webflow kann Ihre Website jederzeit prüfen. Es hebt Möglichkeiten hervor, bei denen Sie die Benutzerfreundlichkeit und Leistung der Seite verbessern können.
• Interaktionsauslöser hinzufügen: Mit dem Tool können Sie Auslöser erstellen, die automatisch eine Aktion ausführen, wenn die Maus über einen bestimmten Bereich bewegt wird. Beispielsweise können Sie festlegen, dass ein Popup angezeigt wird.
• Dynamischer Inhalt: Anstatt Elemente auf mehreren Webseiten manuell zu ändern oder zu aktualisieren, können Sie sie auf einer einzigen Seite ändern, und die Änderungen gelten überall. Dies ist nützlich, wenn Sie beispielsweise Hunderte von Blogbeiträgen haben, die geändert werden müssen.
• CMS-Sammlungen: Dies ist eine clevere Art, Datengruppen zu organisieren, sodass Sie den dynamischen Inhalt steuern und bearbeiten können.
• Assets: Dies ist Ihre Bild- und Medienbibliothek, in die Sie alles hochladen und speichern. Ich mag das, weil es wie das Asset-Tool von Canva aussieht und es sehr einfach macht, durchzublättern, um das zu finden, was Sie brauchen, während Sie auf der Bearbeitungsseite bleiben.
• Teilen-Tool: Sie können entweder einen sichtbaren Link zur Website freigeben, um Feedback zu erhalten, oder Mitarbeiter mit einem Bearbeitungslink einladen.
• Videoanleitungen: Webflow weiß, dass es ein umfassendes Tool ist, und ich muss sagen, seine Bibliothek mit Tutorials ist umfangreich und wirklich einfach zu befolgen. Außerdem können sie direkt im Bearbeitungstool aufgerufen werden, was sehr praktisch ist.

Webflow-Animationen

Wer will schon langweilige, statische Webseiten, wenn man sie haben kann wunderschöne, dynamische und animierte Webseiten?

Webflow verwendet CSS und Javascript, damit Designer komplexe und reibungslose Animationen erstellen können, ohne dass dies jemals erforderlich wäre keine Programmierkenntnisse auch immer.

Diese Funktion ging über meine eigenen Web-Building-Fähigkeiten hinaus, aber jemand, der sich mit Webdesign auskennt, wird es tun einen Feldtag haben mit allem was es kann.

Zum Beispiel, Mit Webflow können Sie erstellen Scroll-Animationen wie Parallaxe, Enthüllungen, Fortschrittsbalken und mehr. Animationen können sich auf die gesamte Seite oder auf einzelne Elemente beziehen.

Ich liebe es, Websites mit zu sehen dynamische Bewegungen in ihnen. Sie sind eine großartige Möglichkeit, die Aufmerksamkeit der Leute zu erregen oder sie länger auf Ihrer Website zu halten.

Sie sind auch ein tolles Werkzeug, um jemanden aufzufordern, auf ein bestimmtes Element zu klicken oder eine gewünschte Aktion auszuführen.

Webflow E-Commerce

Webflow ist vollständig für den E-Commerce eingerichtet (und hat entsprechende Preispläne), und Sie können sich wahrscheinlich vorstellen, dass diese Funktion vorhanden ist genauso umfassend wie seine Webbuilding-Tools.

Tatsächlich wird auf die E-Commerce-Funktion über die Webbearbeitungsschnittstelle zugegriffen und ermöglicht Ihnen dies tun alles, was eine dedizierte E-Commerce-Anwendung tun würde:

• Richten Sie einen Shop für physische oder digitale Produkte ein
• Exportieren oder importieren Sie Produktlisten in großen Mengen
• Erstellen Sie neue Produkte, legen Sie Preise fest und bearbeiten Sie Details
• Organisieren Sie Produkte in bestimmten Kategorien
• Erstellen Sie individuelle Rabatte und Angebote
• Fügen Sie benutzerdefinierte Lieferoptionen hinzu
• Verfolgen Sie alle Bestellungen
• Abonnementbasierte Produkte erstellen (derzeit im Beta-Modus)
• Erstellen Sie benutzerdefinierte Einkaufswagen und Checkouts
• Passen Sie Transaktions-E-Mails an

Für die Entgegennahme von Zahlungen lässt sich Webflow direkt integrieren Streifen, Apple Pay, Google Bezahlen und PayPal.

Ehrlich gesagt fand ich diese Liste etwas begrenzt, besonders im Vergleich zu anderen Webbuilding-Plattformen. 

Obwohl du kann Verwenden Sie Zapier, um sich mit anderen Zahlungsanbietern zu verbinden. Dies ist komplizierter und kostet Sie viel mehr, insbesondere wenn Sie hohe Verkaufsvolumina sehen.

Webflow-Mitgliedschaften, Kurse und eingeschränkte Inhalte

Kurse zu verkaufen ist heiß jetzt, Web-Builder bemühen sich also, mit diesem Trend Schritt zu halten. Webflow scheint sich durchgesetzt zu haben, weil sie jetzt eine haben Mitgliedschaftsfunktion das ist derzeit im Beta-Modus.

Webflow-Mitgliedschaften bieten Ihnen eine Möglichkeit dazu Erstellen Sie eine Paywall für bestimmte Inhalte auf Ihrer Website erstellen Mitgliedschaftsportale und stellen abonnementbasierte Inhalte bereit.

Soweit ich weiß, erstellen Sie Seiten auf Ihrer Website für Ihre eingeschränkten Inhalte und „sperren“ sie dann mit einer Zugangsseite nur für Mitglieder. Hier kannst du Marke alles, Erstellen Sie benutzerdefinierte Formulare und versenden Sie personalisierte Transaktions-E-Mails.

Da sich diese Funktion im Beta-Modus befindet, wird sie im Laufe der Zeit sicher erweitert und verbessert. Dies ist definitiv etwas, das man im Auge behalten sollte, während es voranschreitet.

Webflow-Sicherheit und Hosting

Webflow ist nicht nur ein Tool zum Erstellen von Websites. Es verfügt auch über die Fähigkeit, host Ihrer Website und bietet auch erweiterte Sicherheitsfunktionen. 

Dies macht die Plattform a One-Stop-Shop und macht es überflüssig, Hosting und Sicherheit von Drittanbieterplattformen zu kaufen. Ich bin ein Fan von Convenience, also spricht mich das sehr an.

Webflow-Hosting

In Bezug auf das Hosting bietet Webflow eine Erstklassige Leistung und 1.02 Sekunden Ladezeit für seine Websites.

Das Hosting erfolgt über seine Tier-1-Content-Delivery-Netzwerk zusammen mit Amazon Web Services und Fastly. Neben erstklassiger Leistung bietet Ihnen das Webflow-Hosting auch:

• Benutzerdefinierte Domainnamen (außer beim kostenlosen Tarif)
• Benutzerdefinierte 301-Weiterleitungen
• Metadaten
• Kostenloses SSL-Zertifikat
• Tägliche Backups und Versionierung
• Passwortschutz pro Seite
• Content Distribution Network (CDN)
• Benutzerdefinierte Formulare
• Seitensuche
• Plattform für visuelles Design und Veröffentlichung
• Keine Wartung

Webflow-Sicherheit

Webflow nimmt Sicherheit definitiv ernst, sodass Sie sich darauf verlassen können, dass Ihre Websites und alle Daten werden sicher aufbewahrt in jeder Phase.

Die Plattform bildet ihr Sicherheitsprogramm entsprechend ab Kritische Sicherheitskontrollen nach ISO 27001 und CIS und andere Industriestandards.

Hier sind alle Sicherheitsfunktionen, auf die Sie sich bei Webflow freuen können:

• GDPR- und CCPA-konform
• Zertifizierter Level-1-Dienstleister für Stripe 
• Vollständige Datensicherheit und Personalüberprüfung bei Webflow selbst
• Zwei-Faktor-Authentifizierung
• SSO-Funktionen mit G Suite
• Einmalige Anmeldung
• Rollenbasierte Berechtigungen
• Cloudbasierte Kundendatenspeicherung
• Vollständig verschlüsselte Datenübertragung

Webflow-Integrationen und API

Webflow hat eine anständige Anzahl von Apps und direkte Integrationen die Ihnen mehr Kontrolle und Flexibilität geben. Wenn die Plattform keine direkte Integration unterstützt, können Sie dies tun Verwenden Sie Zapier, um sich mit Ihren bevorzugten Tools und Softwareanwendungen zu verbinden.

Sie finden Apps und Integrationen für:

• Marketing
• des Schweißprozess
• Analyse
• Zahlungsabwickler
• Mitgliedschaften
• E-Commerce
• E-Mail-Hosting
• Soziale Medien
• Lokalisierungstools und mehr

Wenn Sie die gewünschte App nicht finden können, können Sie dies tun bitten Sie Webflow, eine benutzerdefinierte App zu erstellen, speziell für Sie (hier fallen zusätzliche Kosten an).

Webflow-Kundendienst

Webflow ist ein Gigant einer Plattform, daher würden Sie erwarten, dass es seinen Abonnenten ein anständiges Maß an Kundenservice bietet. 

Allerdings lässt sich Webflow hier im Stich. Es gibt keinen Live-Support – nicht einmal bei den Top-Tier-Preisplänen. Die einzige Möglichkeit, mit einem Support-Mitarbeiter in Kontakt zu treten, ist per E-Mail und selbst dann ist die Reaktionszeit schlecht. 

Berichte im Internet behaupten, dass Webflow dauert durchschnittlich bis zu 48 Stunden um auf Kundenanfragen zu reagieren. Das ist nicht so toll, besonders wenn Sie Kundenfristen einhalten müssen.

Webflow gewinnt in diesem Bereich jedoch einige Punkte zurück, und das ist seiner Universität zu verdanken. Diese riesige Lernbibliothek ist voller Kurse und Schulungsvideos um Ihnen beizubringen, wie Sie die Plattform richtig nutzen.

Dies wird Ihnen jedoch nicht helfen, wenn die Website Störungen aufweist oder Sie auf ein Problem stoßen. Hoffen wir, dass Webflow in naher Zukunft bessere Supportoptionen einführt.

Webflow-Beispiel-Websites

Wie sehen die veröffentlichten Websites von Webflow tatsächlich aus? Es gibt nur eine begrenzte Menge, die Sie aus einer Vorlage übernehmen können. Daher ist das Anzeigen von Live-Beispielwebsites eine großartige Möglichkeit, ein Gefühl für die Funktionen von Webflows zu bekommen.

Zuerst haben wir https://south40snacks.webflow.io, eine Beispielseite für ein Unternehmen, das Snacks auf Nuss- und Samenbasis herstellt (Bild oben).

Dieser Kurs ist ein wunderschön aussehende Website mit einigen coole Animationen, um Ihre Aufmerksamkeit zu erregen (und machen Appetit auf Snacks!). Das Layout und Design sind hervorragend, und alles funktioniert reibungslos.

Als nächstes ist es https://illustrated.webflow.io/. Zuerst wird Ihnen a präsentiert atemberaubende Animation, aber während Sie scrollen, haben Sie a sauberes, schön präsentiertes Layout das fühlt sich zwingend, aber organisiert an.

Jede Seite wird schnell geladen und die eingebetteten Videos laufen wie ein Traum.

https://www.happylandfest.ca/ zeigt eine Beispiel-Website für ein Festival und beginnt mit mit Text überlagerte Videoclips.

Während Sie scrollen, werden Sie durch eine Galerie mit Bildern und zusätzlichen Informationen über die Veranstaltung geführt. Es ist so konzipiert, dass es sofort Ihre Aufmerksamkeit erregt, und es macht es sehr gut.

Um weitere Beispiele für Webflow-Sites anzuzeigen. Überprüfen Sie sie hier.

Webflow-Konkurrenten

Wie ich in diesem Test erklärt habe, ist Webflow für seine fortschrittlichen Funktionen und seine Flexibilität bekannt, was es zu einer beliebten Wahl unter Designern macht, die mehr Kontrolle über das Aussehen und die Funktionalität ihrer Websites wünschen. Es gibt jedoch noch andere Plattformen. So vergleicht sich Webflow mit einigen seiner Top-Konkurrenten:

1. Squarespace: Squarespace ist ein beliebter Website-Builder, der eine Reihe von Vorlagen und Designoptionen zum Erstellen einer professionell aussehenden Website bietet. Während Squarespace für Anfänger einfacher ist, bietet Webflow mehr Anpassungsoptionen und erweiterte Funktionen für erfahrene Designer.
2. Wix: Wix ist ein benutzerfreundlicher Website-Builder mit einer Drag-and-Drop-Oberfläche zum Erstellen von Websites. Es ist zwar anfängerfreundlicher als Webflow, hat aber weniger Anpassungsoptionen und ist möglicherweise nicht für komplexere Websites geeignet.
3. WordPress: WordPress ist ein weit verbreitetes Content-Management-System (CMS), das viele Flexibilitäts- und Anpassungsmöglichkeiten für Webdesigner bietet. Es ist zwar komplexer als Webflow, bietet aber mehr Kontrolle über das Design und die Funktionalität der Website.
4. Shopify: Shopify ist eine beliebte E-Commerce-Plattform, mit der Benutzer Online-Shops erstellen können. Obwohl es kein direkter Konkurrent von Webflow ist, ist es erwähnenswert, dass Webflow E-Commerce-Funktionen bietet und eine gute Wahl für kleine Unternehmen sein kann, die nach einer Website mit Design- und E-Commerce-Funktionen suchen.

Insgesamt hebt sich Webflow von seinen Mitbewerbern durch seine fortschrittlichen Funktionen und Flexibilität ab, was es zu einer idealen Wahl für erfahrene Webdesigner macht, die nach einer Plattform suchen, die das Aussehen und die Funktionalität ihrer Websites vollständig anpasst.

Häufigste Fragen

Zusammenfassung – Webflow Review 2023

Es besteht kein Zweifel, dass Webflow mithalten kann WordPress für die schiere Anzahl an Bearbeitungswerkzeugen, Integrationen und Funktionen, die es bietet. Ich denke, es ist eine perfekte Option für Webdesign-Profis, Unternehmen auf Unternehmensebene und Designagenturen.

In der Tat hat die Plattform viele Preispläne, die es Ihnen ermöglichen Erweitern und skalieren Sie Ihre Website im Einklang mit Ihrem Unternehmen. Ich wünschte nur, ich hätte das Fachwissen (und die Zeit), um diese Plattform vollständig kennenzulernen.

Allerdings gibt es bessere Plattformen für neue Benutzer und Menschen, die eine einfache, unkomplizierte Website wünschen. Zum Beispiel finden einseitige Business-Sites, persönliche Bio-Sites und der durchschnittliche Blogger Webflow zu anspruchsvoll für sich selbst und bevorzugen möglicherweise etwas Grundlegenderes wie Wix, Site123 or Duda.

Nutzerbewertungen

Abschicken

References:

• Vollständige Liste der Funktionen – https://webflow.com/features
• Youtube Kanal - https://www.youtube.com/c/webflow
• Wikipedia - https://en.wikipedia.org/wiki/Webflow
• Reddit - https://www.reddit.com/r/webflow/