PSD-Tutorials.de
Forum für Design, Fotografie & Bildbearbeitung
Tutkit
Agentur
Hilfe
Kontakt
Start
Forum
Aktuelles
Besonderer Inhalt
Foren durchsuchen
Tutorials
News
Anmelden
Kostenlos registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Menü
Anmelden
Kostenlos registrieren
App installieren
Installieren
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Antworten auf deine Fragen:
Neues Thema erstellen
Start
News
News
Homepage-Baukasten im Praxis-Test: Für welche Projekte sich das Werkzeug wirklich lohnt
Beitrag
<blockquote data-quote="Stefan" data-source="post: 2784631" data-attributes="member: 9"><p><img src="https://images.unsplash.com/photo-1486312338219-ce68d2c6f44d?crop=entropy&cs=srgb&fm=jpg&ixid=M3w1NzIyODB8MHwxfHNlYXJjaHwzfHx3ZWJzaXRlfGVufDB8fHx8MTc4OTM5ODUyOHww&ixlib=rb-4.1.0&q=85" alt="" class="fr-fic fr-dii fr-draggable " data-size="4076x2712" style="" /></p><p></p><p>Die meisten Leute hier im Forum bauen ihre Sites in WordPress oder schreiben den Code lieber gleich selbst, und das bleibt für komplexe Projekte auch die richtige Entscheidung. Trotzdem landen in der Praxis immer wieder Aufträge auf dem Tisch, bei denen ein Baukasten schlicht das bessere Werkzeug ist: das Kundenprojekt mit knappem Budget, das eigene Portfolio, das sowieso nie fertig gepflegt wird, die Landingpage für eine befristete Kampagne oder die Seite, die der Kunde danach ohne Rückfragen an den Designer selbst und dauerhaft weiterführen soll. Gerade bei einer Kampagnenseite, die nach sechs Wochen wieder offline geht, lohnt sich der Aufwand eines vollständigen CMS-Setups selten, und genau dort zeigt sich der eigentliche Nutzen eines Baukastens im Alltag. Wie stark generative KI diese Kategorie gerade verschiebt, zeigt <a href="https://www.it-boltwise.de/homepage-baukasten-vergleich-2026-wie-generative-ki-websites-wirklich-veraendert.html" target="_blank">in diesem Artikel von it-boltwise.de</a>: Layouts entstehen zunehmend automatisiert, die eigentliche Designentscheidung und die Abstimmung mit dem Kunden bleiben trotzdem Handarbeit.</p><p></p><h3>Sechs Baukästen im nüchternen Vergleich</h3><p>Ein Blick auf die aktuell relevanten Anbieter zeigt, wie unterschiedlich die Schwerpunkte liegen. Wix punktet bei aufwendigen Animationen und App-Integrationen aus dem eigenen Marktplatz, verlangt dafür aber Geduld beim Aufräumen des Editor-Codes, sobald ein Kunde später mehr Kontrolle will. Squarespace liefert die saubersten Templates für Fotografie- und Portfolio-Seiten, bleibt bei Formularlogik und individuellem CSS aber restriktiv, was für reine Bildstrecken kaum stört. Jimdo zielt auf kleine Betriebe, die in wenigen Stunden online sein wollen, nicht auf gestalterischen Feinschliff oder komplexe Menüstrukturen. IONOS kombiniert Baukasten und klassisches Hosting in einem Vertrag, was bei Serverstandort-Fragen für deutsche Kunden praktisch ist und Rückfragen zur Rechnung erspart. WordPress.com, die gehostete Variante, sitzt irgendwo zwischen Baukasten und CMS und verwirrt Kunden regelmäßig, weil sie es mit dem selbst gehosteten WordPress verwechseln, obwohl beide Systeme unterschiedliche Regeln für Plugins und Themes haben. Der <a href="https://www.one.com/de-de/homepagebaukasten/" target="_blank">one.com Homepage Baukasten</a> deckt das Segment kleiner Business-Seiten und Portfolios ab und richtet sich an Kunden, die Hosting, Domain und Editor aus einer Hand wollen, ohne sich um Server, Backups oder Updates zu kümmern.</p><p></p><table style='width: 100%'><tr><td>Baukasten</td><td>Zielgruppe</td><td>Eigenes CSS/Code</td><td>Export möglich</td></tr><tr><td>Wix</td><td>Kreative, kleine Shops</td><td>Ja, über Velo/Editor-Code</td><td>Nein</td></tr><tr><td>Squarespace</td><td>Fotografen, Portfolios</td><td>CSS ja, Server-Code nein</td><td>Nein</td></tr><tr><td>Jimdo</td><td>Kleine lokale Betriebe</td><td>Stark eingeschränkt</td><td>Nein</td></tr><tr><td>IONOS</td><td>KMU mit eigenem Hosting-Wunsch</td><td>Begrenzt, tarifabhängig</td><td>Nein</td></tr><tr><td>WordPress.com</td><td>Blogs, kleine Business-Seiten</td><td>Nur mit Business-Plan</td><td>Inhalte per XML-Export</td></tr><tr><td>one.com</td><td>Kleine Business-Seiten, Portfolios</td><td>Eigenes CSS in höheren Tarifen</td><td>Nein</td></tr></table><h3>Kriterien, die für Designer tatsächlich zählen</h3><p>Bei der gestalterischen Freiheit zeigt sich der größte Unterschied zum Handcoding: Eigene Schriften lassen sich meist hochladen, aber echte Rastersysteme mit freier Spaltenzahl oder sauberen Abständen bieten die wenigsten Baukästen. Breakpoints sind in der Regel auf Desktop, Tablet und Mobile fixiert, eigene Zwischenstufen fehlen komplett. Bei Web-Fonts ist die Auswahl oft auf eine kuratierte Liste beschränkt, eigene Font-Dateien lassen sich nur bei wenigen Anbietern nachladen. Wer in Adobe XD ohnehin mit eigenen <a href="https://www.psd-tutorials.de/tutorials/adobe-xd-mit-farben-farbpaletten-und-verlaeufen-umgehen.67/" target="_blank">Farbpaletten und Verläufen</a> arbeitet, merkt sofort, wo der Baukasten die Übersetzung verweigert.</p><p></p><p>Individuelles CSS lässt sich bei den meisten Anbietern nachträglich einbinden, allerdings oft nur als globaler Zusatzcode und nicht pro Element. Bei manchen Tarifen ist Custom Code sogar komplett gesperrt und erst ab einem höheren Abo-Level verfügbar, was bei der Kalkulation eines Projekts oft übersehen wird. Wer JavaScript-Interaktionen jenseits vorgefertigter Widgets braucht, stößt schnell an die Grenze der Editor-Logik.</p><p></p><p>Bilder werden serverseitig automatisch komprimiert, teils ohne moderne Formate wie WebP oder AVIF anzubieten. Gerade bei großformatigen Headerbildern führt das doppelte Komprimieren zu sichtbaren Artefakten, die im Vorschau-Modus des Editors kaum auffallen, auf dem fertigen Live-System aber schon. Wer Assets vorher sauber in <a href="https://www.psd-tutorials.de/tutorials/adobe-xd-techniken-zum-import-von-assets-und-bildern.66/" target="_blank">Adobe XD importiert</a> und optimiert, sieht die Kompression im Baukasten hinterher oft ein zweites Mal, unkontrolliert.</p><p></p><p>Ladezeit und Core Web Vitals leiden strukturell darunter, dass der Baukasten für jeden denkbaren Anwendungsfall vorbereitet sein muss und entsprechend mehr JavaScript ausliefert als eine schlanke Einzelseite. In der Praxis bedeutet das: Ein handcodiertes One-Pager schlägt einen Baukasten bei der Ladezeit fast immer, selbst wenn beide optisch identisch wirken. Die von Google definierten Metriken LCP, INP und CLS, dokumentiert bei <a href="https://web.dev/articles/vitals" target="_blank">web.dev</a>, lassen sich in Baukästen kaum gezielt optimieren, weil die Ladereihenfolge vom System vorgegeben wird.</p><p></p><p>SEO-Grundlagen wie Meta-Angaben, strukturierte Daten oder saubere URLs sind inzwischen bei allen sechs Anbietern vorhanden, Mehrsprachigkeit dagegen unterschiedlich tief eingebaut, von einfacher Übersetzung bis zu echten Sprachversionen mit eigener URL-Struktur. Wer für einen Kunden mehrere Sprachversionen plant, sollte vorab prüfen, ob der Baukasten getrennte URLs pro Sprache erlaubt oder nur eine einzige Seite mit Sprachumschalter anbietet, was für die Suchmaschinenindexierung einen spürbaren Unterschied macht. Dabei zeigt sich auch, ob hreflang-Angaben automatisch gesetzt werden oder manuell nachgepflegt werden müssen, was bei größeren Projekten mit mehreren Zielmärkten schnell zum echten Zeitfresser wird. Beim Serverstandort und der DSGVO lohnt sich vorab ein Blick auf die Hinweise der Aufsichtsbehörden, etwa die Informationen des <a href="https://www.bfdi.bund.de/DE/Home/home_node.html" target="_blank">Bundesbeauftragten für den Datenschutz</a>, bevor man einem Kunden zusichert, dass die Seite konform läuft.</p><p></p><p>Der wunde Punkt bleibt die Kundenübergabe: Baukasten-Websites lassen sich, WordPress.com mit seinem Inhalts-Export teilweise ausgenommen, praktisch nicht exportieren. Der Kunde bleibt an Editor und Vertrag des Anbieters gebunden, was bei der Auftragsklärung offen angesprochen gehört, nicht erst bei der Kündigung. Das gehört in jedes Angebot als expliziter Satz, nicht als Fußnote, damit der Kunde die Entscheidung informiert trifft.</p><p></p><h3>Wann ein Baukasten nichts taugt</h3><p>Komplexe Shops mit Variantenlogik, Rabattstaffeln oder Lagerverwaltung sprengen die Baukasten-Logik schnell, hier fährt man mit einer dedizierten Shop-Software oder einem individuell entwickelten System besser. Gleiches gilt für individuelle Interaktionen, etwa Konfiguratoren oder datengetriebene Visualisierungen, die sich nicht in vorgefertigte Widgets pressen lassen. Auch mehrstufige Genehmigungs-Workflows oder Mitgliederbereiche mit granularen Rechten sprengen häufig das, was ein Baukasten an Logik mitbringt. Und sobald ein Projekt ein eigenes Designsystem mit definierten Komponenten, Tokens und Variantenlogik verlangt, wird der Baukasten zur Zwangsjacke statt zum Werkzeug.</p><p></p><p>Am Ende bleibt die Entscheidung eine Frage der Auftragslage, nicht der Überzeugung. Diese Wahl entscheidet auch über den Support-Aufwand, den man sich danach selbst einhandelt. Wer Kundenprojekte mit engem Budget oder Seiten betreut, die später ohne Designer weiterleben sollen, spart mit einem Baukasten reale Abstimmungsstunden. Wer dagegen an einem eigenen Designsystem oder einer komplexen Anwendung arbeitet, verliert mit jedem Baukasten-Kompromiss genau die Kontrolle, die im Tagesgeschäft den Unterschied zwischen Auftrag und Freelance-Frust ausmacht.</p></blockquote><p></p>
[QUOTE="Stefan, post: 2784631, member: 9"] [IMG size="4076x2712"]https://images.unsplash.com/photo-1486312338219-ce68d2c6f44d?crop=entropy&cs=srgb&fm=jpg&ixid=M3w1NzIyODB8MHwxfHNlYXJjaHwzfHx3ZWJzaXRlfGVufDB8fHx8MTc4OTM5ODUyOHww&ixlib=rb-4.1.0&q=85[/IMG] Die meisten Leute hier im Forum bauen ihre Sites in WordPress oder schreiben den Code lieber gleich selbst, und das bleibt für komplexe Projekte auch die richtige Entscheidung. Trotzdem landen in der Praxis immer wieder Aufträge auf dem Tisch, bei denen ein Baukasten schlicht das bessere Werkzeug ist: das Kundenprojekt mit knappem Budget, das eigene Portfolio, das sowieso nie fertig gepflegt wird, die Landingpage für eine befristete Kampagne oder die Seite, die der Kunde danach ohne Rückfragen an den Designer selbst und dauerhaft weiterführen soll. Gerade bei einer Kampagnenseite, die nach sechs Wochen wieder offline geht, lohnt sich der Aufwand eines vollständigen CMS-Setups selten, und genau dort zeigt sich der eigentliche Nutzen eines Baukastens im Alltag. Wie stark generative KI diese Kategorie gerade verschiebt, zeigt [URL='https://www.it-boltwise.de/homepage-baukasten-vergleich-2026-wie-generative-ki-websites-wirklich-veraendert.html']in diesem Artikel von it-boltwise.de[/URL]: Layouts entstehen zunehmend automatisiert, die eigentliche Designentscheidung und die Abstimmung mit dem Kunden bleiben trotzdem Handarbeit. [HEADING=2]Sechs Baukästen im nüchternen Vergleich[/HEADING] Ein Blick auf die aktuell relevanten Anbieter zeigt, wie unterschiedlich die Schwerpunkte liegen. Wix punktet bei aufwendigen Animationen und App-Integrationen aus dem eigenen Marktplatz, verlangt dafür aber Geduld beim Aufräumen des Editor-Codes, sobald ein Kunde später mehr Kontrolle will. Squarespace liefert die saubersten Templates für Fotografie- und Portfolio-Seiten, bleibt bei Formularlogik und individuellem CSS aber restriktiv, was für reine Bildstrecken kaum stört. Jimdo zielt auf kleine Betriebe, die in wenigen Stunden online sein wollen, nicht auf gestalterischen Feinschliff oder komplexe Menüstrukturen. IONOS kombiniert Baukasten und klassisches Hosting in einem Vertrag, was bei Serverstandort-Fragen für deutsche Kunden praktisch ist und Rückfragen zur Rechnung erspart. WordPress.com, die gehostete Variante, sitzt irgendwo zwischen Baukasten und CMS und verwirrt Kunden regelmäßig, weil sie es mit dem selbst gehosteten WordPress verwechseln, obwohl beide Systeme unterschiedliche Regeln für Plugins und Themes haben. Der [URL='https://www.one.com/de-de/homepagebaukasten/']one.com Homepage Baukasten[/URL] deckt das Segment kleiner Business-Seiten und Portfolios ab und richtet sich an Kunden, die Hosting, Domain und Editor aus einer Hand wollen, ohne sich um Server, Backups oder Updates zu kümmern. [TABLE width="100%"] [TR] [td]Baukasten[/td][td]Zielgruppe[/td][td]Eigenes CSS/Code[/td][td]Export möglich[/td] [/TR] [TR] [td]Wix[/td][td]Kreative, kleine Shops[/td][td]Ja, über Velo/Editor-Code[/td][td]Nein[/td] [/TR] [TR] [td]Squarespace[/td][td]Fotografen, Portfolios[/td][td]CSS ja, Server-Code nein[/td][td]Nein[/td] [/TR] [TR] [td]Jimdo[/td][td]Kleine lokale Betriebe[/td][td]Stark eingeschränkt[/td][td]Nein[/td] [/TR] [TR] [td]IONOS[/td][td]KMU mit eigenem Hosting-Wunsch[/td][td]Begrenzt, tarifabhängig[/td][td]Nein[/td] [/TR] [TR] [td]WordPress.com[/td][td]Blogs, kleine Business-Seiten[/td][td]Nur mit Business-Plan[/td][td]Inhalte per XML-Export[/td] [/TR] [TR] [td]one.com[/td][td]Kleine Business-Seiten, Portfolios[/td][td]Eigenes CSS in höheren Tarifen[/td][td]Nein[/td] [/TR] [/TABLE] [HEADING=2]Kriterien, die für Designer tatsächlich zählen[/HEADING] Bei der gestalterischen Freiheit zeigt sich der größte Unterschied zum Handcoding: Eigene Schriften lassen sich meist hochladen, aber echte Rastersysteme mit freier Spaltenzahl oder sauberen Abständen bieten die wenigsten Baukästen. Breakpoints sind in der Regel auf Desktop, Tablet und Mobile fixiert, eigene Zwischenstufen fehlen komplett. Bei Web-Fonts ist die Auswahl oft auf eine kuratierte Liste beschränkt, eigene Font-Dateien lassen sich nur bei wenigen Anbietern nachladen. Wer in Adobe XD ohnehin mit eigenen [URL='https://www.psd-tutorials.de/tutorials/adobe-xd-mit-farben-farbpaletten-und-verlaeufen-umgehen.67/']Farbpaletten und Verläufen[/URL] arbeitet, merkt sofort, wo der Baukasten die Übersetzung verweigert. Individuelles CSS lässt sich bei den meisten Anbietern nachträglich einbinden, allerdings oft nur als globaler Zusatzcode und nicht pro Element. Bei manchen Tarifen ist Custom Code sogar komplett gesperrt und erst ab einem höheren Abo-Level verfügbar, was bei der Kalkulation eines Projekts oft übersehen wird. Wer JavaScript-Interaktionen jenseits vorgefertigter Widgets braucht, stößt schnell an die Grenze der Editor-Logik. Bilder werden serverseitig automatisch komprimiert, teils ohne moderne Formate wie WebP oder AVIF anzubieten. Gerade bei großformatigen Headerbildern führt das doppelte Komprimieren zu sichtbaren Artefakten, die im Vorschau-Modus des Editors kaum auffallen, auf dem fertigen Live-System aber schon. Wer Assets vorher sauber in [URL='https://www.psd-tutorials.de/tutorials/adobe-xd-techniken-zum-import-von-assets-und-bildern.66/']Adobe XD importiert[/URL] und optimiert, sieht die Kompression im Baukasten hinterher oft ein zweites Mal, unkontrolliert. Ladezeit und Core Web Vitals leiden strukturell darunter, dass der Baukasten für jeden denkbaren Anwendungsfall vorbereitet sein muss und entsprechend mehr JavaScript ausliefert als eine schlanke Einzelseite. In der Praxis bedeutet das: Ein handcodiertes One-Pager schlägt einen Baukasten bei der Ladezeit fast immer, selbst wenn beide optisch identisch wirken. Die von Google definierten Metriken LCP, INP und CLS, dokumentiert bei [URL='https://web.dev/articles/vitals']web.dev[/URL], lassen sich in Baukästen kaum gezielt optimieren, weil die Ladereihenfolge vom System vorgegeben wird. SEO-Grundlagen wie Meta-Angaben, strukturierte Daten oder saubere URLs sind inzwischen bei allen sechs Anbietern vorhanden, Mehrsprachigkeit dagegen unterschiedlich tief eingebaut, von einfacher Übersetzung bis zu echten Sprachversionen mit eigener URL-Struktur. Wer für einen Kunden mehrere Sprachversionen plant, sollte vorab prüfen, ob der Baukasten getrennte URLs pro Sprache erlaubt oder nur eine einzige Seite mit Sprachumschalter anbietet, was für die Suchmaschinenindexierung einen spürbaren Unterschied macht. Dabei zeigt sich auch, ob hreflang-Angaben automatisch gesetzt werden oder manuell nachgepflegt werden müssen, was bei größeren Projekten mit mehreren Zielmärkten schnell zum echten Zeitfresser wird. Beim Serverstandort und der DSGVO lohnt sich vorab ein Blick auf die Hinweise der Aufsichtsbehörden, etwa die Informationen des [URL='https://www.bfdi.bund.de/DE/Home/home_node.html']Bundesbeauftragten für den Datenschutz[/URL], bevor man einem Kunden zusichert, dass die Seite konform läuft. Der wunde Punkt bleibt die Kundenübergabe: Baukasten-Websites lassen sich, WordPress.com mit seinem Inhalts-Export teilweise ausgenommen, praktisch nicht exportieren. Der Kunde bleibt an Editor und Vertrag des Anbieters gebunden, was bei der Auftragsklärung offen angesprochen gehört, nicht erst bei der Kündigung. Das gehört in jedes Angebot als expliziter Satz, nicht als Fußnote, damit der Kunde die Entscheidung informiert trifft. [HEADING=2]Wann ein Baukasten nichts taugt[/HEADING] Komplexe Shops mit Variantenlogik, Rabattstaffeln oder Lagerverwaltung sprengen die Baukasten-Logik schnell, hier fährt man mit einer dedizierten Shop-Software oder einem individuell entwickelten System besser. Gleiches gilt für individuelle Interaktionen, etwa Konfiguratoren oder datengetriebene Visualisierungen, die sich nicht in vorgefertigte Widgets pressen lassen. Auch mehrstufige Genehmigungs-Workflows oder Mitgliederbereiche mit granularen Rechten sprengen häufig das, was ein Baukasten an Logik mitbringt. Und sobald ein Projekt ein eigenes Designsystem mit definierten Komponenten, Tokens und Variantenlogik verlangt, wird der Baukasten zur Zwangsjacke statt zum Werkzeug. Am Ende bleibt die Entscheidung eine Frage der Auftragslage, nicht der Überzeugung. Diese Wahl entscheidet auch über den Support-Aufwand, den man sich danach selbst einhandelt. Wer Kundenprojekte mit engem Budget oder Seiten betreut, die später ohne Designer weiterleben sollen, spart mit einem Baukasten reale Abstimmungsstunden. Wer dagegen an einem eigenen Designsystem oder einer komplexen Anwendung arbeitet, verliert mit jedem Baukasten-Kompromiss genau die Kontrolle, die im Tagesgeschäft den Unterschied zwischen Auftrag und Freelance-Frust ausmacht. [/QUOTE]
Bilder bitte
hier hochladen
und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Zitate einfügen…
Authentifizierung
Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt wird, was ist das Ergebnis?
Antworten
Start
News
News
Homepage-Baukasten im Praxis-Test: Für welche Projekte sich das Werkzeug wirklich lohnt
Oben