Das ist der “Look-and-Feel” der Squarespace-Vorlagen
Bevor Sie mit der Einrichtung beginnen, geht es an die Template-Auswahl. Bei Squarespace entscheiden Sie sich für eine von insgesamt 144 Vorlagen. Eine umfangreiche Auswahl, jedoch bieten Wix, oder IONOS MyWebsite noch eine größere Palette.
Der Stil der Templates ist modern und “poppig”, also großflächig gestaltet und farbenfroh. Gelegentlich lässt sich auch eine Prise “Alternativ” bzw. “Vintage” erahnen. Grund für diesen Eindruck sind die Farbschemata, Typografien und Form-Anordnungen, die entfernt an die Aufmachung von aktuellen Plakaten für Kunstausstellungen und Buchcover der 70er Jahre erinnern. Wer es weniger artistisch mag, ist mit Wix und Webnode besser bedient.
Die Vorlagen von Squarespace sind modern und abwechslungsreich gestaltet
Screenshot: trusted.de
Quelle: squarespace.com
Sie sollten sich auf jeden Fall Zeit für die Auswahl Ihrer Squarespace-Vorlage nehmen; eine nachträgliche Änderung Ihres Templates ist nämlich nicht möglich. Sollten Sie also mitten in der Bearbeitung feststellen, dass eine andere Vorlage besser gewesen wäre, müssen Sie die Website komplett von vorne zusammenstellen und Ihre Inhalte erneut einfügen.
Auch wenn die Änderung der Vorlagen sehr unflexibel ist, die Auswahl der Templates an sich gefiel der trusted-Redaktion sehr gut, da sowohl moderne als auch etwas konservativere Geschmäcker bedient werden. Für Rusted kam letztendlich die Vorlage “Hester” zum Einsatz, die minimalistisch und neutral gehalten ist ‒ ideal, um ein breites Zielpublikum anzusprechen.
Für den Test entschied sich Rusted für eine neutrale Vorlage
Screenshot: trusted.de
Quelle: squarespace.com
Das kann der Editor von Squarespace
Die Bedienung des Editors nehmen Sie hauptsächlich via Drag-and-Drop vor. Dabei rasten Sie Inhaltsblöcke (Text, Bilder, etc.) an einem vorgegebenen Raster innerhalb von Abschnittsblöcken ein. Platzierte Objekte passen Sie im Anschluss über die Kontextmenüs an. Sie sind hier nicht so frei wie beim pixelgenauen Editor von Wix, haben aber mehr gestalterische Freiheit als bei einigen anderen Editoren.
Sie platzieren im Editor einzelne Elementblöcke in einem Raster-System
Screenshot: trusted.de
Quelle: squarespace.com
Dieses Raster-System sorgt außerdem für eine reibungslose Darstellung Ihrer Seiten auf Mobilgeräten. Ideal für Rusted, das mit seiner Seite auch das mobil surfende Publikum erreichen wollen.
Eine weitere Möglichkeit der Unterteilung auf Ihrer Seite sind die “Abschnitte”, mit denen Sie Ihre Website zeilenweise aufbauen. Die Abschnitte, wie Sie sie beispielsweise auch bei IONOS MyWebsite oder Jimdo finden, können Sie als vorgefertigte Elemente per Mausklick unkompliziert einfügen. Dazu gehören beispielsweise Produktpräsentationen, Eventankündigungen, “Über”-Abschnitte, Portfolio-Einträge oder die Team-Vorstellung.
Fügen Sie schnell und einfach neue Inhaltsabschnitte ein
Screenshot: trusted.de
Quelle: squarespace.com
Durch diese Bearbeitungsweise verkürzt sich der Erstellungsprozess massiv. Zudem erhalten Anfänger:innen hier wertvolle Inspiration, wie eine gut gelayoutete Website aussehen sollte.
Passen Sie Ihre Seite im mobilen Editor an
Sollten Sie mit der Darstellung Ihrer mobilen Seite noch nicht zu 100 % glücklich sein, wechseln Sie in den mobilen Editor. Hier bauen Sie Ihre Seite passend für die Ansicht auf Smartphones um. Beachten Sie dabei aber, dass sich die mobile Ansicht auch auf die Darstellung der Desktop-Ansicht auswirkt und umgekehrt.
Passen Sie Ihre Seite im mobilen Editor an
Screenshot: trusted.de
Quelle: squarespace.com
Sie können somit den “Mobile-first”-Ansatz verfolgen, zwei unabhängige Seiten für die jeweilige Darstellungsform sind aber nicht möglich.
Gestaltungsmöglichkeiten für Profis
Was ist Markdown?
Markdown ist eine sogenannte vereinfachte Auszeichnungssprache und wird von Entwickler:innen zur Gliederung sowie Formatierung von Texten auf einer Website verwendet.
Sollten Sie dennoch eigene Anpassungen an der mobilen Variante Ihrer Seite vornehmen wollen, können Sie das über die integrierte Bearbeitungsansicht für HTML und CSS tun. Dafür brauchen Sie aber entsprechendes Coding-Wissen. Gleiches gilt für die Verwendung von Markdown-Blöcken.
Nehmen Sie eigene Anpassung an Ihrer Website per Code vor
Screenshot: trusted.de
Quelle: squarespace.com
Eine sehr praktische Eigenschaft des Editors sind seine übersichtlich gestalteten und einfach zu verstehenden Menüs. Mehrfach-Reiter und komplexe Untermenüs gibt es hier nicht. So konnte sich die Redaktion deutlich schneller im Editor orientieren als beispielsweise bei IONOS, wegbo, DomainFactory oder dem Content-Management-System WordPress.com.
Fazit: Schnell und einfach zur modernen Website
Squarespace macht in Sachen Gestaltung alles richtig. Sie können mit dem Editor ansprechende und moderne Websites erstellen, die den aktuellen Trends der letzten Jahre folgen. Dazu gehören großflächige Seiten ohne Bleiwüsten, Farbverläufe und animierte (Scroll-) Effekte. Übertreiben Sie es mit Letzteren aber nicht, um Ihre User nicht zu sehr von Ihren Inhalten abzulenken.
Die Auswahl sowie der Look der Templates überzeugen. Die Bedienung ist angenehm einfach, wenn auch nicht perfekt. Mehr hierzu im Abschnitt “Usability”. Abgerundet wird das Paket mit voll mobil responsiven Ansichten. trusted vergibt hier die Wertung “sehr gut”.
Alle Gestaltungsfunktionen von Squarespace im Überblick
- 144 Vorlagen: Suchen Sie sich aus den modernen Design-Vorlagen Ihren Favoriten aus
- Einfacher Drag-and-Drop-Editor: Ziehen Sie Gestaltungselemente an vorgegebene Rasterpunkte und passen Sie die Objekte in den Kontextmenüs an
- Mobiler Editor: Nehmen Sie Anpassungen an der mobilen Variante Ihrer Webseite vor und verfolgen Sie bei Bedarf den “Mobile-first”-Ansatz
- Code-Anpassungen: Nehmen Sie Änderungen an Ihrer Seite per HTML, CSS und Markdown vor
