Hallo Leute! Ich möchte meine Geschichte darüber teilen, wie ich mit Webflow selbstbewusst geworden bin.

Mit einem Hintergrund sowohl mit traditionellen CMS wie Drupal, WordPress und Joomla als auch mit modernen Frontend-Frameworks wie React.js, Angular.js und Vue.js bin ich immer auf der Suche nach Tools, die meinen Entwicklungsprozess optimieren können, ohne an Flexibilität oder Leistung einzubüßen. Die Notwendigkeit einer schnellen Entwicklung und schnellerer Iterationen überwog jedoch allmählich die Vorteile der Flexibilität der Headless-CMS- und JavaScript-Frameworks, was mich dazu veranlasste, die Welt der NoCode-Entwicklungsplattformen zu erkunden.

Und weißt du, es war wie ein frischer Wind! In nur wenigen Wochen haben wir mit unserer gesamten Website, Datenbank und SEO-Einstellungen von Strapi + NextJS zu Webflow migriert. Natürlich gab es unterwegs einige Abenteuer, aber insgesamt war es großartig!

Vor- und Nachteile von Webflow: Durch die Augen eines Entwicklers und eines Vermarkters

Was ist Webflow? Es handelt sich um eine Plattform für das Design und die Entwicklung von Websites ohne Code, mit der Benutzer ansprechende Websites visuell erstellen können, ohne Code schreiben zu müssen. Es wird normalerweise von Vermarktern, Designern und Entwicklern verwendet. In diesem Webflow-Review-Artikel beschreibe ich meine Erfahrung als Entwickler und werde die Erfahrung eines Marketers aus meinem Team teilen.

Entwickler

Geschwindigkeit ist unser Ein und Alles! Webflow ist im Vergleich zur traditionellen Entwicklung wie ein Hochgeschwindigkeitszug. Müssen Sie schnell eine Landingpage starten oder eine Idee testen? Webflow ist dein bester Freund!

Der visuelle Editor ist eine Freude! Kein mühsames Programmieren, alles wird mit der Maus in einer benutzerfreundlichen Oberfläche erledigt. Auch wenn Sie kein Programmier-Guru sind, werden Sie es schnell herausfinden. Sicherlich wird es viel einfacher sein, wenn Sie Erfahrung mit CSS haben.

Flexibilität ist unser zweiter Vorname! Webflow gibt dir genug Freiraum für Kreativität. Möchten Sie ein einzigartiges Design oder fügen Sie Ihre eigenen Skripte hinzu? Kein Problem! Es gibt einen CustomCode-Block, der CSS oder/und Javascript oder/und HTML enthalten kann.

Integrationen — alles griffbereit! Webflow ist mit einer Reihe nützlicher Dienste befreundet: CRM, Payment Gateways, Analytics — alles was das Herz begehrt.

API für die Arbeit mit CMS-Inhaltstypen. Das war die Wunderwaffe für Migration. Fast 80% der Migration von Strapi zu Webflow CMS wurden automatisch durch ein Skript durchgeführt. Sogar Verbindungen zwischen Entitäten wurden über die API eingerichtet.

‍Komponenten- und Designsystem. Ein weiteres wichtiges Merkmal von Webflow ist die Möglichkeit, globale Stile auf allen Seiten einzurichten und zu verwenden. Auf diese Weise können Sie auf einfache Weise Seiten erstellen, indem Sie Elementen Klassennamen zuweisen. Sie können auch Ihre eigene oder eine externe Komponentenbibliothek verwenden, um die Konsistenz in Ihrem gesamten Projekt sicherzustellen. Diese Komponenten können unter Beibehaltung ihrer Kernstruktur mithilfe von Variablen angepasst werden, die ähnlich wie Requisiten in JavaScript-Frameworks funktionieren.

Aber es gibt einen Haken...

Webflow ist immer noch NoCode, also gibt es Einschränkungen. Wenn Sie eine superkomplexe Logik oder benutzerdefinierte Funktionen benötigen, können Sie nicht auf Code verzichten.

‍Hosting — nicht alles läuft so reibungslos. Webflow bietet sein eigenes Hosting und es ist nicht dediziert. Wenn eine Menge Besucher auf die Website strömen, kann es zu Leistungsproblemen kommen. Um fair zu sein, müssen Sie einige Anstrengungen unternehmen, um an den Punkt zu gelangen, an dem Sie Probleme sehen. Allerdings muss man damit rechnen, wenn man den Streisand-Effekt verursacht.

Teamwork ist eine ziemliche Herausforderung. Mit dem gesamten Team an einem Projekt in Webflow zu arbeiten, ist ein ziemliches Abenteuer. Es ist leicht, versehentlich etwas kaputt zu machen, besonders wenn die Kollegen nicht sehr vorsichtig sind.

Vermarkter

Einfachheit ist unser Ein und Alles! Ein Marketer kann die Website selbst bearbeiten, Inhalte hinzufügen, Landingpages erstellen — alles ohne die Hilfe von Entwicklern! Sie müssen keine Webflow-Experten sein, um noch heute damit zu arbeiten.

Webflow SEO ist möglich! Webflow bietet grundlegende Tools für SEO, damit die Website für Suchmaschinen sichtbar ist. Dieses System weist keine typischen SEO-Fehler auf, die in anderen CMS auftreten (Webflow im Vergleich zu Wordpress für grundlegende Suchmaschinenoptimierung wird wirklich besser sein).

Aber es gibt Nuancen...

Ein Marketer kann nur grundlegende Dinge tun. Wenn Sie komplexe Dinge oder Automatisierung benötigen, müssen Sie einen Entwickler um Hilfe bitten.

Warum spricht Webflow Vermarkter möglicherweise nicht an? Wenn Ihr Marketingteam nicht daran interessiert ist, neue Tools oder Technologien zu erlernen, fällt es ihm möglicherweise schwer, sich auf der Plattform zurechtzufinden und sie zu nutzen.

Webflow und SEO: Es gibt auch Nuancen

Webflow bietet eine gute Grundlage für SEO. Sie können Metatags, Titel, Beschreibungen, URLs und all das konfigurieren. Aber es gibt Fallstricke:

Migration ist stressig. Wenn Sie eine Website zu Webflow migrieren, kann der Traffic sinken (bis zu 20%), aber in der Regel erholt er sich später wieder.

URLs sind nicht immer ideal. Die URL-Struktur in Webflow ist nicht immer die SEO-freundlichste. Sie können jedoch fast alle Eckfälle über 301-Weiterleitungen verwalten.

Kosten der Angelegenheit

Webflow ist eine kostenpflichtige Plattform. Wie viel Sie bezahlen, hängt vom Tarif ab, und der Plan hängt von der Anzahl der Websites, Benutzer und Funktionen ab, die benötigt werden. Lassen Sie uns zwei gängige Szenarien und ihre potenziellen Kosten untersuchen:

Klassische Unternehmenswebsite mit Produktkatalog

Für eine typische Unternehmenswebsite mit Unternehmensinformationen und einem Produktkatalog benötigen Sie wahrscheinlich:

CMS-Funktionen um Produktinformationen, Blogbeiträge und andere dynamische Inhalte zu verwalten.

E-Commerce-Funktionalität wenn Sie planen, Produkte direkt über die Website zu verkaufen.

Mehrere Redakteure um es verschiedenen Teammitgliedern zu ermöglichen, zum Inhalt der Website beizutragen.

Empfohlener Webflow-Plan:

CMS-Geländeplan: Dieser Plan bietet die erforderlichen CMS-Funktionen zur Verwaltung Ihres Produktkatalogs und anderer Inhalte.

E-Commerce-Standardplan: Wenn Sie Produkte verkaufen, bietet dieser Plan grundlegende E-Commerce-Funktionen für kleinere Unternehmen.

Geschätzte Kosten:

CMS-Geländeplan: 23 USD/Monat (jährliche Abrechnung) oder 29 USD/Monat (monatliche Abrechnung)

E-Commerce-Standardplan: 29 USD/Monat (jährliche Abrechnung) oder 42 USD/Monat (monatliche Abrechnung)

Insgesamt: 52 USD/Monat (jährliche Abrechnung) oder 71 USD/Monat (monatliche Abrechnung)

Hinweis: Wenn Sie erweiterte E-Commerce-Funktionen benötigen oder ein höheres Verkaufsvolumen haben, müssen Sie möglicherweise die Ecommerce Plus- oder Advanced-Pläne in Betracht ziehen, für die höhere Kosten anfallen.

Web Studio mit 10 Kundenseiten

Für ein Webstudio, das 10 Kunden-Websites verwaltet, benötigen Sie:

Hosting mehrerer Websites: Die Möglichkeit, mehrere Websites in einem einzigen Webflow-Arbeitsbereich zu hosten und zu verwalten.

Zusammenarbeit im Team: Funktionen, die es mehreren Teammitgliedern ermöglichen, effizient an Projekten zusammenzuarbeiten.

Abrechnung an den Kunden: Die Option, Kunden direkt über Webflow zu fakturieren.

Empfohlener Webflow-Plan:

Team-Workspace-Abo: Mit diesem Plan können Sie mehrere Websites hosten, mit Teammitgliedern zusammenarbeiten und die Kundenabrechnung verwalten. Sie benötigen genügend Sitzplätze für Ihre Teammitglieder.

Geschätzte Kosten:

Team-Workspace-Abo: Beginnt bei 35 USD/Monat für 3 Plätze (jährliche Abrechnung) oder 42 USD/Monat (monatliche Abrechnung). Zusätzliche Sitzplätze können gegen eine zusätzliche Gebühr hinzugefügt werden.

10 Lagepläne: Sie benötigen für jede Kundenwebsite einen separaten Seitenplan. Die Kosten hängen von den spezifischen Anforderungen der einzelnen Websites ab (z. B. CMS, E-Commerce). Gehen wir von einer Mischung aus CMS- und Basic-Tarifen aus, schätzen wir einen Durchschnitt von 20$ pro Monat pro Website.

Insgesamt: 35 USD (Workspace) + 200 USD (10 Websites) = 235 USD/Monat (jährliche Abrechnung)

Hinweis: Die tatsächlichen Kosten können je nach den spezifischen Funktionen und Plänen variieren, die für jede Kundenwebsite erforderlich sind.

Erinnere dich: Dies sind nur Schätzungen. Die endgültigen Kosten hängen von Ihren spezifischen Bedürfnissen und den von Ihnen ausgewählten Funktionen ab. Es wird immer empfohlen, die Preisseite von Webflow zu besuchen und in Betracht zu ziehen, sich mit dem Vertriebsteam in Verbindung zu setzen, um eine maßgeschneiderte Beratung zu erhalten.

Wem ich Webflow empfehle

Webflow ist eine hervorragende Wahl für:

Kleine Unternehmen. Wenn Sie ein kleines Unternehmen haben und eine einfache, aber schöne und benutzerfreundliche Website benötigen, ist Webflow genau das Richtige für Sie.

Designer. Webflow ist wie ein Geschwister von Figma, alles ist intuitiv und bequem.

Start-ups. Müssen Sie schnell ein MVP starten und eine Idee testen? Webflow hilft Ihnen dabei, dies schnell und ohne unnötigen Aufwand zu tun.

Statt einer Schlussfolgerung

Webflow ist ein cooles Tool, wenn Sie schnell und ohne Kopfschmerzen eine schöne und funktionale Website benötigen. Wenn Sie jedoch eine komplexe Logik oder spezielle Funktionen benötigen, sollten Sie vielleicht nach etwas anderem suchen.

Überlegen Sie sich in jedem Fall vor der Auswahl einer Plattform genau, was Sie benötigen und wofür Webflow verwendet wird. Und hab keine Angst vor Experimenten!

Wenn Sie Fragen haben oder Ihre Erfahrungen mit Webflow teilen möchten, schreiben Sie in die Kommentare oder kontaktieren Sie uns! Vielleicht hilft deine Geschichte jemand anderem, dieses Thema herauszufinden.