Squarespace website design: 7 kenmerken van een site die klanten oplevert

In het kort

Een goed Squarespace website design maakt binnen een paar seconden duidelijk wat je doet, voor wie en wat de volgende stap is. De 7 kenmerken: een heldere boodschap bovenaan, een eenvoudige navigatie van maximaal vijf tot zeven items, een vast design-systeem van kleuren en lettertypen, eigen fotografie, veel witruimte, een sterke mobiele versie en op elke pagina een duidelijke call-to-action. Template of maatwerk maakt minder uit dan deze keuzes.

 

Mooi web design versus goed website design

Alleen mooiGoed Squarespace design
Bovenaan de homepageSfeerbeeld en een vage sloganWat je doet, voor wie en een knop
NavigatieAcht of meer menu-itemsVijf tot zeven duidelijke keuzes
StijlElke sectie andersVast systeem van kleur, lettertype en ritme
BeeldStockfoto'sEigen fotografie in één stijl
MobielVerkleinde desktopBewust ingericht in Fluid Engine
ResultaatComplimentenAanvragen

Ik krijg vaak complimenten over het design van sites die ik bouw. Fijn, maar daar bouw ik ze niet voor. Een website is pas goed als hij klanten oplevert.

Na 250+ Squarespace websites sinds 2019 zie ik steeds dezelfde kenmerken terug bij sites die werken, van een mondzorgpraktijk tot een IT bedrijf. In dit blog zet ik ze op een rij, zodat je je eigen site ertegen kunt leggen.

Inhoudsopgave
 

1. Een heldere boodschap bovenaan

Een bezoeker beslist in een paar seconden of hij blijft. In het eerste scherm moet staan wat je doet, voor wie, en wat de volgende stap is. Een sfeerfoto met een slogan als 'Passie voor kwaliteit' vertelt dat niet.

Op mijn eigen homepage staat bijvoorbeeld: 'Je bedrijf staat sterk. Je website nog niet.' Direct gevolgd door wat ik doe en twee knoppen.

Acht menu-items? Iedereen klikt verkeerd. Houd het bij vijf tot zeven en noem pagina's zoals je klant ze zoekt: 'Tarieven' in plaats van 'Investering', 'Werkwijze' in plaats van 'Mijn reis'.

Meer hierover in 10 Squarespace design tips.

3. Een vast designsysteem

Een sterk Squarespace design gebruikt een vast systeem: twee lettertypen, een basiskleur met één of twee accenten, vaste knopstijlen en dezelfde marges per sectie. Dat stel je in via Site Styles, niet per blok.

Werk met Saved Sections zodat terugkerende onderdelen overal hetzelfde zijn. En pas je buttons één keer goed aan in plaats van per pagina.

4. Eigen beeld in één stijl

Eigen foto's wekken meer vertrouwen dan stockfoto's. Zorg dat ze in één stijl zijn geschoten en passen bij de plek waar ze komen. Lees de foto checklist voor je fotoshoot.

Moet je toch stockfoto's gebruiken? Kies dan beelden die passen bij je merk: dit zijn mijn favoriete bronnen.

5. Witruimte en leesbaarheid

Witruimte is geen verspilde ruimte. Het geeft rust en zorgt dat bezoekers zien wat belangrijk is. Houd tekstblokken smal, gebruik korte alinea's en tussenkoppen, en zorg voor voldoende contrast tussen tekst en achtergrond.

6. Een mobiele versie die je bewust ontwerpt

Meer dan de helft van je bezoekers komt via de telefoon. In Fluid Engine bewerk je de mobiele indeling apart van desktop. Controleer elke sectie: staan tekst en beeld in de juiste volgorde, zijn knoppen groot genoeg, is niets afgesneden?

Meer tips in mobiele hacks voor Fluid Engine.

7. Een duidelijke volgende stap op elke pagina

Elke pagina eindigt met één duidelijke actie: een gesprek plannen, een offerte aanvragen, een product kopen. Niet drie knoppen naast elkaar, maar één primaire keuze. Zet social proof, zoals een review, vlak bij die knop.

Template of maatwerk?

Een Squarespace template is een prima startpunt. Het verschil zit in de keuzes hierboven, en in maatwerk met CSS waar het template tekortschiet. Lees template of website laten maken om te kiezen.

Wil je zien hoe dit er in de praktijk uitziet? Bekijk mijn portfolio.

Veelgestelde vragen over Squarespace website design

Wat maakt een goed Squarespace website design?
Een heldere boodschap bovenaan, een eenvoudige navigatie, een vast design-systeem, eigen beeld, witruimte, een sterke mobiele versie en een duidelijke volgende stap op elke pagina.
Kan ik met een Squarespace template een professioneel design maken?
Ja, als je het template aanpast aan je merk en de basisregels volgt. Met CSS kun je verder gaan dan het template.
Hoeveel lettertypen en kleuren gebruik je op een website?
Meestal twee lettertypen en een basiskleur met één of twee accentkleuren. Meer maakt je site onrustig.
Wat kost een Squarespace website design laten maken?
Bij Made by Anouk start een complete website vanaf €1.750 excl. btw en een one page website vanaf €990. Zie de pakketten.
 

Mis deze tips niet

Anouk van Made by Anouk, Squarespace webdesigner

Een Squarespace expert die je website bouwt?

Plan een gratis adviesgesprek van 15 minuten. We bespreken wat je nodig hebt en ik vertel je eerlijk wat de beste aanpak is.

Anouk

Anouk is dé Squarespace expert van Nederland en oprichter van Made by Anouk. Sinds 2019 bouwt ze uitsluitend in Squarespace: inmiddels 250+ websites voor ondernemers, praktijken en organisaties in Nederland en België, met een 4.9 Google rating. Made by Anouk is Squarespace Circle Platinum Partner.

Anouk bouwt Squarespace websites die vertrouwen wekken bij de juiste klanten.

https://www.madebyanouk.nl
Volgende
Volgende

Een goede webdesigner kiezen: waar let je op?