Bubble und Webflow im Vergleich: Was ist besser für die Erstellung einer Website?

Zuletzt aktualisiert am 22. April 2023 von Ewen Finser

Wenn Sie eine Website erstellen wollen, bloggen Sie, eCommerce-Geschäftoder Mitgliedschaftsseite zu erstellen, fragen Sie sich vielleicht, wo Sie anfangen sollen. Zunächst müssen Sie eine geeignete Plattform für den Aufbau einer Website finden, und genau hier setzt meine Bubble vs Webflow Vergleich kommt an!

Blase und Webflow sind leistungsstarke Plattformen, die fortschrittliche Tools bieten, ohne dass man Codekenntnisse haben muss. Ich habe schon einige Websites erstellt, und ich kann Ihnen sagen, dass die Suche nach einer geeigneten Plattform die halbe Miete ist! Ein guter Website-Builder kann den Unterschied zwischen einer reibungslosen Erfahrung und totalen Kopfschmerzen ausmachen.

Ich gebe Ihnen meine detaillierten Gedanken zu jeder Plattform, vergleiche ihre Funktionen direkt und gehe auf Kategorien wie Integrationen, Kundensupport und Preise ein.

Das Endergebnis im Vorfeld

Das ist schwer zu sagen, da beide Plattformen sehr unterschiedlich sind. Wenn ich mich jedoch für einen Favoriten entscheiden müsste, dann wäre es Webflow. Sie ist viel einfacher zu bedienen, und die gesamte Plattform ist übersichtlicher.

Blase ist jedoch ein leistungsfähiges Werkzeug mit vielen Funktionen für diejenigen, die mehr Erfahrung haben.

Hauptunterschiede zwischen Bubble und Webflow

Die wichtigsten Unterschiede zwischen Bubble und Webflow sind:

• Bubble ist komplexer, während Webflow ein wenig benutzerfreundlicher ist.
• Bubble ist besser anpassbar, während Webflow ein wenig restriktiver ist.
• Mit Bubble können Sie live mit anderen Teammitgliedern zusammenarbeiten, während Webflow nicht über die gleichen Tools zur Zusammenarbeit verfügt.
• Die Analysefunktionen von Bubble sind besser, während Webflow auf Google Analytics angewiesen ist.
• Die Preispläne von Bubble sind teurer, während Webflow etwas günstiger ist.

Was ist eine Blase?

Blase ist ein Software- und App-Entwicklungsprogramm. Es ermöglicht Benutzern, komplexe Webanwendungen zu erstellen, ohne Codekenntnisse zu haben. Es ist in hohem Maße anpassbar und bietet eine Menge interessanter Funktionen.

Ich empfehle Bubble für diejenigen, die bereits Erfahrung mit Webdesign haben oder die mehr Anpassungsmöglichkeiten wünschen, als andere Plattformen für die Erstellung von Websites bieten können.

Was ist Webflow?

Webflow ist ein Website-Builder, mit dem Sie Websites, Blogs, eCommerce-Shops und Mitgliedschaftsseiten erstellen können. Er verfügt über einen einfach zu bedienenden Drag-and-Drop-Builder und ermöglicht Ihnen die Erstellung benutzerdefinierter Animationen für Ihre Website. Webflow eignet sich hervorragend für Personen, die keine Erfahrung mit Web-Design haben.

Die wichtigsten Merkmale von Bubble

Hier ist, was ich über die Hauptmerkmale von Bubble dachte.

UX

Die Anmeldung bei Bubble ist denkbar einfach. Sobald Sie jedoch angemeldet sind, ist der erste Bildschirm ein wenig überwältigend:

Nicht gerade einladend für den ersten Blick! Die Installation einer Vorlage macht es einfacher, aber es könnte das Syndrom der leeren Seite hervorrufen, das ist sicher. Ich würde empfehlen, bereits bei der Einrichtung eine Vorlage auszuwählen. Das ist zwar nicht offensichtlich, aber es ist nicht einfach, später eine Vorlage auszuwählen. Wenn man das in der Einrichtungsphase macht, hat man eine bessere Vorstellung von den Möglichkeiten der App.

Ich würde sagen, es ist nicht die anfängerfreundlichste Plattform, die es gibt.

Web-Builder

Mit Bubble können Sie sowohl Anwendungen als auch Websites erstellen. Einige der Optionen sind:

• Blog
• Verzeichnis & Listings
• Landing Page
• Online-Marktplatz
• Online-Geschäft
• Portfolio
• Professionelle Dienstleistungen
• Soziales Netzwerk

Es gibt eine große Auswahl an Vorlagen, darunter kostenlose und kostenpflichtige Vorlagen. Diese müssen installiert werden, bevor Sie eine neue App erstellen, damit Sie sie in der Phase "Neue App einrichten" auswählen können.

Ein großer Vorteil von Bubble ist, dass Ihre Website (oder App) in hohem Maße anpassbar ist. Technisch versierte Nutzer werden die Flexibilität von Bubble zu schätzen wissen. Das Hinzufügen von Elementen zu einer Seite erfolgt durch Ziehen und Ablegen, wobei die Elemente nicht einfach dort abgelegt werden, wo Sie sie haben möchten (wenn Sie schon einmal einen Website-Builder verwendet haben, werden Sie vielleicht frustriert sein, dass Sie Elemente nicht einfach dort ablegen können, wo Sie sie haben möchten).

Mir gefällt, dass Sie Stile einrichten können. Das bedeutet, dass Sie auf all Ihren Seiten Konsistenz schaffen können.

Alles kann hier angepasst werden, oder Sie können eines der vorgefertigten Themen verwenden:

Sie können viele Elemente zu Ihrer Website hinzufügen, darunter Bilder, Links, Symbole, Schaltflächen, Videos, Karten, Kontrollkästchen usw. Sie können auch Plugins hinzufügen:

Es gibt Tausende von Plugins, die von Analysen über Blogging bis hin zu eCommerce und Social-Media-Plattformen. Aber auch hier zeigt sich, welche Möglichkeiten Bubble bietet: Man kann so ziemlich alles bauen, was man sich vorstellen kann, wenn man bereit ist, sich die Mühe zu machen und zu lernen, wie man die Plattform richtig nutzt.

Sie können auch Workflows hinzufügen. Mit dieser nützlichen Funktion können Sie Ereignisse in Reaktion auf bestimmte Auslöser einrichten. Wenn Sie z. B. auf "Benutzer ist abgemeldet" klicken, erhalten Sie eine Reihe von Optionen:

Die Schwierigkeit besteht darin, dass es schwer sein kann, sich das Ergebnis vorzustellen. Wenn Sie neu im Webdesign sind oder Ideen brauchen, ist der Umgang mit einer Plattform wie Bubble schwieriger.

Dennoch war ich beeindruckt von der schieren Anzahl der Optionen, die mit dem kostenlosen Plan zur Verfügung stehen (obwohl es erwähnenswert ist, dass Sie für die Bereitstellung Ihrer neuen App oder Website bezahlen müssen). Und wenn Sie ein erfahrener Nutzer sind, werden Sie wahrscheinlich besser mit Bubble zurechtkommen.

Dynamischer Inhalt

Mit Bubble können Sie dynamische Inhalte verwenden, um Ihren Nutzern ein personalisiertes Erlebnis zu bieten. Dazu gehören auch E-Mail-Dienste: Sie können E-Mails an Ihre Nutzer senden, indem Sie sie mit E-Mail-Marketingdienste. Mithilfe von Workflows können Sie den Versand bestimmter E-Mails auslösen, z. B. wenn ein neuer Benutzer ein Konto anlegt oder jemand seinen Einkaufswagen abbricht.

Sie können auch Anwendungen wie Stripe und Braintree integrieren. So können Sie eine Kasse einrichten oder sogar eine komplexere Website erstellen, zum Beispiel eine Crowdfunding-Plattform. Hier gibt es eine Menge von Möglichkeiten.

Zusammenarbeit

Was mir an Bubble gefällt, ist die Möglichkeit, mit anderen zusammenzuarbeiten. Wenn zum Beispiel ein Team von Leuten gemeinsam an einer App arbeitet, macht Bubble das viel einfacher. Bis zu 40 Personen können gleichzeitig und in Echtzeit zusammenarbeiten, auch wenn sie an verschiedenen Orten auf der ganzen Welt verstreut sind. Das macht die Zusammenarbeit mit anderen so viel einfacher.

Analytik

Ich sollte auch die Analytik erwähnen. Sie können detaillierte Berichte über Bubble erstellen und sogar eingrenzen, welche Bereiche Ihrer App oder Website die Nutzer am meisten ansprechen. Diese Informationen sind äußerst wertvoll. Sie können zum Beispiel messen, wann die Leute Ihre Website nutzen, wann die Spitzenzeiten sind und vieles mehr.

Die wichtigsten Funktionen von Webflow

Das habe ich mir überlegt Webflow.

UX

Webflow ist ein wenig "freundlicher" als Bubble. Es ist einfacher zu verstehen und zu navigieren, und Sie können Ihre Website während des Aufbaus leicht einsehen.

Sie ist außerdem vollgepackt mit "Getting Started"-Tutorials, die Sie durch die wichtigsten Funktionen der Plattform führen.

Web-Builder

Der Web Builder ist ziemlich intuitiv:

Sie können Bauabschnitte, Container und Raster hinzufügen, um die Hauptstruktur aufzubauen. Sobald die Struktur vorhanden ist, können Sie Inhaltsblöcke hinzufügen. Dazu gehören Text, Links, Schaltflächen, Bilder, Videos, Formulare und Komponenten für soziale Medien. Jeder Inhaltsblock kann auch individuell angepasst werden. Sie können zum Beispiel Schriftarten, Hintergründe, Rahmen usw. ändern. Sie können auch die Formatvorlage ändern, die diese Änderungen dann auf jede Seite Ihrer Website überträgt.

Es gibt auch eine gute Auswahl an Vorlagen:

Dazu gehören kostenlose und kostenpflichtige Vorlagen in verschiedenen Kategorien.

Ich mag die eCommerce-Funktionen in Webflow. Sie können zum Beispiel einen Warenkorb erstellen, der zu Ihrem Unternehmen passt, Transaktions-E-Mails erstellen, die versendet werden, wenn bestimmte Auslöser erreicht werden (z. B. das Versenden einer benutzerdefinierten Rechnung bei einer Bestellung), und benutzerdefinierte Checkout-Flows mit individuellen Produktvarianten erstellen.

Zu den Zahlungsmöglichkeiten für Kunden gehören Stripe, Apple Pay, Google Pay und PayPal. Es berechnet auch automatisch die Steuern.

Sie können benutzerdefinierte "Interaktionen" (oder Animationen) erstellen. Sie können z. B. Fortschrittsbalken erstellen, einen Sperrgittereffekt erzeugen und Mikrointeraktionen erstellen (z. B. können Sie ein Bild zum Wackeln bringen, wenn der Cursor darüber fährt). Diese können von Grund auf neu erstellt werden und sind ein schöner Bonus, wenn Sie eine schöne Website erstellen möchten.

Dies ist ein weiterer Teil der Plattform, mit dem Sie sich vertraut machen müssen, und hat eine eigene Lernkurve. Wenn Sie also ein absoluter Anfänger sind, könnte es einige Übung erfordern, um dies richtig zu verstehen. Sie können auch Mitgliedschaften anbieten und nur für Abonnenten verfügbare Inhalte erstellen.

CMS-Werkzeuge

Ich mag die Tools zur Verwaltung von Inhalten, die von Webflow. Es macht es sehr einfach, bestimmte Aufgaben zu erledigen (z. B. können Sie den Titel eines Blogbeitrags oder Artikels ändern, und er wird sofort auf der gesamten Website aktualisiert). Außerdem können Sie Teamkollegen und Kunden zum Hochladen von Inhalten einladen und einigen Mitgliedern Redakteursrechte erteilen, damit die Inhalte nicht von allen hochgeladen werden können.

Analytik

Die Analysen sind bei Webflow nicht so aussagekräftig wie bei Bubble. Mit Webflowmüssen Sie eine Verbindung zu Google Analytics herstellen, um auf die Daten zugreifen zu können, und sie sind nicht so detailliert wie die Berichte in Bubble.

Bubble vs. Webflow-Integrationen

Integrationen sind für die optimale Nutzung von Bubble und Webflow von entscheidender Bedeutung. Hier sehen Sie, wie sie sich vergleichen:

Blase

Es gibt einige hervorragende Integrationen für Bubble, darunter:

• Asana
• Facebook
• Google Mail
• MailChimp
• Google Maps
• Slack
• Dampf
• Streifen
• Twitter
• Zapier
• YouTube

Webflow

Webflow hat auch einige großartige Integrationen, darunter:

• Zapier
• Shopify
• Twitter
• Instagram
• Facebook
• Google Mail

Bubble vs. Webflow Kundenbetreuung

Kommen wir nun zum Vergleich des Kundensupports.

Blase

Die Bubble Academy ist ziemlich gut - sie führt Sie durch die Nutzung der Plattform und ist sehr nützlich (vor allem, wenn Sie die Plattform selbst überwältigend finden). Außerdem ist das Kundensupport-Team ziemlich gut. Jeder kann sich an den Support wenden, indem er ein Ticket einreicht, und sie sind sehr reaktionsschnell. Der Support verbessert sich, je höher die Preisstufen sind (dazu später mehr).

Webflow

Die Webflow University eignet sich hervorragend für Neulinge. Mit ihr können Sie sich den Umgang mit der Plattform selbst beibringen, und sie ist sehr benutzerfreundlich. Was den Kundensupport betrifft, können Sie sich per E-Mail an das Team wenden oder andere Nutzer im Forum kontaktieren.

Bubble vs. Webflow Preisgestaltung

Wie sieht es mit der Preisgestaltung aus?

Blase

Es stehen vier Preispläne zur Auswahl:

Kostenlos - $0 pro Monat

• Kernfunktionen der Plattform
• Blasen-Training
• Unterstützung durch die Gemeinschaft

Persönlich - ab $25 pro Monat

• Kernplattform + API
• Benutzerdefinierte Domäne
• E-Mail-Unterstützung

Professional - ab $115 pro Monat

• Alles in den bisherigen Plänen
• 3 Einheiten der Serverkapazität
• 2 Anwendungseditoren
• 2 Entwicklungsversionen

Produktion - ab $475 pro Monat

• Alles in den bisherigen Plänen
• 10 Einheiten der Serverkapazität
• 15 Bewerbungsredakteure
• 20 Entwicklungsversionen

Es ist erwähnenswert, dass Sie mit dem kostenlosen Plan Ihre Website oder App erstellen können, aber Sie müssen auf einen anderen Plan upgraden, um sie bereitzustellen. Die Preise unterscheiden sich deutlich zwischen Personal und Professional, aber Sie erhalten viel mehr Serverkapazität für Ihr Geld. Weitere Informationen finden Sie auf der Website Preisseite.

Webflow

Es gibt fünf Preispläne für Webflow:

Starter - $0 pro Monat

• Webflow.io-Domäne
• 50 CMS-Artikel
• 50 Formulareinreichungen

Basic - ab $14 pro Monat

• Benutzerdefinierte Domäne
• 0 CMS-Artikel
• 500 monatliche Formulareingaben

CMS - ab $23 pro Monat

• Benutzerdefinierte Domäne
• 2.000 CMS-Artikel
• 1.000 monatliche Formulareingaben
• 3 Gastredakteure

Business - ab $39 pro Monat

• Benutzerdefinierte Domäne
• 10.000 CMS-Artikel
• 2.500 monatliche Formulareingaben
• 10 Gastredakteure

Unternehmen - Preis auf Anfrage

• Benutzerdefinierte Domäne
• 10.000+ CMS-Artikel
• Benutzerdefinierte monatliche Formularübermittlungen
• Benutzerdefinierte Gastredakteure
• Betriebszeit-SLAs

Wie Sie sehen können, variieren die Preise je nach Ihren Anforderungen. Wenn Sie zum Beispiel eine Website betreiben, auf der viele Artikel veröffentlicht werden, sollten Sie sich zunächst für den CMS-Tarif entscheiden. Weitere Informationen finden Sie auf der Website Preisseite.

Bubble vs. Webflow Alternativen zum Ausprobieren

Keine Lust auf Bubble oder Webflow? Dann können Sie sich stattdessen einige Alternativen ansehen:

• Wix: Wix ist eine gute Wahl, wenn Sie einen einfach zu bedienenden Website-Baukasten suchen. Es ermöglicht Ihnen, Websites mit einem Drag-and-Drop-Editor zu erstellen, und ist ideal für Anfänger. Weitere Informationen finden Sie in unserem Vergleich Webflow vs. Wix.
• WordPress: WordPress ist bei Inhaltserstellern auf der ganzen Welt beliebt und lässt sich gut anpassen, vor allem, wenn Sie bereit sind, in einige Widgets zu investieren. Mehr dazu erfahren Sie in unserem Vergleich zwischen Webflow und WordPress.
• Squarespace: Squarespace ist eine beliebte Plattform, mit der Sie eine Website oder einen eCommerce-Shop erstellen können. Sie haben auch eine große Auswahl an Vorlagen zur Verfügung. Mehr dazu erfahren Sie in unserem Webflow vs. Squarespace Vergleich.

FAQs

Zusammengefasst... Welches ist besser?

Wenn ich mich für einen entscheiden müsste, würde ich mich für Webflow. Die Benutzeroberfläche ist viel besser (sauberer und weniger unübersichtlich) und wirkt weniger abschreckend, bietet aber gleichzeitig einige leistungsstarke Tools. Es ist großartig, wenn Sie eine Mitgliederseite oder eine Website zur Veröffentlichung von Inhalten erstellen möchten, und ich liebe die Idee, benutzerdefinierte Animationen erstellen zu können.

Blasehat jedoch einige echte Stärken. Wenn Sie Erfahrung in der Webentwicklung haben, werden Sie mit Bubble gut zurechtkommen. Hier gibt es so viele Anpassungsmöglichkeiten, und Sie können schneller mit Teammitgliedern zusammenarbeiten. Vielleicht finden Sie, dass Bubble Ihren Bedürfnissen besser entspricht als Webflow.

Die gute Nachricht ist, dass beide Programme kostenlos sind, so dass Sie sie testen können, bevor Sie sich entscheiden!