Creëer een ontwerp dat verkoopt

Creëer een ontwerp dat verkoopt

Deze checklist leidt je door banner afbeeldingen, beeldbewerking en designinstellingen. Je vindt de Design builder via de snelkoppeling in je webshop, of via je menu > Ontwerp > Design builder.

1. Keuze van designthema

We hebben drie verschillende designtemplates om uit te kiezen: Summit, Ember en Bloom. Elk van de templates heeft zijn eigen vooraf ingestelde versies waaruit je kunt kiezen - en die je vervolgens aan je eigen wensen kunt aanpassen.

2. Logo's uploaden

Je uploadt je logo's in je beheeromgeving, ga naar Ontwerp > logo's uploaden.
Dit is ook waar je een favicon uploadt (het kleine logo dat bovenaan het tabblad/de adresbalk in de browser verschijnt).

Een goed en professioneel logo is cruciaal voor het creëren van een sterk en herkenbaar merk, en helpt bovendien een blijvende en positieve indruk bij je klanten achter te laten.

Bij het uploaden van het logo is het belangrijk om de richtlijnen voor een optimale weergave te volgen.
We raden de grootte 300 x 100 pixels (B/H) aan, maar als het logo de hele bovenkant van de pagina moet bedekken, moet het 500 x 100 pixels (B/H) zijn.
Zorg ervoor dat je JPEG-, GIF- of PNG-formaat voor de afbeelding gebruikt.

3. Kleuren

1. Denk goed na over welke kleuren je terug laat komen in je webshop, laat deze ook aansluiten bij je logo
2. Kies 2-3 kleuren voor de webwinkel zodat je een "rode draad" kunt behouden
3. Denk aan contrast, zodat knoppen en teksten zichtbaar zijn. Ook voor mensen met een visuele beperking.

Kleuren kunnen worden gewijzigd in de Design builder in de beheeromgeving. Als je bijvoorbeeld de kleur van de knoppen in je winkel wilt wijzigen, ga je naar Ontwerp > Design builder. In de Design builder klik je bovenin de witte balk op je Project en daarna nogmaals op je thema. Vanaf hier kun je naar instellingen bij het tandwieltje om onder andere alle kleuren van je webshop aan te passen. Let op dat je ook de geavanceerde instellingen meeneemt, zodat je alle kleuren helemaal laat aansluiten op je branding.

4. Header en menu

In de Design builder kun je bij de globale inhoud de header, het menu en de footer instellen voor je webshop. Hier kun je het menu en de header aanpassen, bijvoorbeeld of je een gecentreerd of links uitgelijnd logo wilt.

We raden je aan om slogans of zogenaamde USP's (Unique Selling Points) in je header toe te voegen. Dit is een uitstekende manier om de voordelen van jouw webshop te benadrukken. Ook verzend- of levertijd kunnen goede USP's zijn om te tonen.

Lees hier meer over de instellingen voor de header en het menu.

5. Lettertypen en -groottes

In de Design Builder vind je onder dezelfde instellingen als de kleuren de instellingen voor lettertype. Hier hebben we alle lettertype instellingen voor je verzameld. Deze instellingen vind je  We hebben het je gemakkelijk gemaakt om het overzichtelijk te houden in de webwinkel als het gaat om het gebruik van lettertypen. Je bewerkt de lettertypen in de Design builder door bovenin de witte balk op je Project te klikken en daarna nogmaals op je thema. Vanaf hier kun je naar instellingen bij het tandwieltje.

1. Je kunt kiezen uit een aantal Google-lettertypen.
2. Je kiest 2 lettertypen in je webwinkel. (Primaire als hoofdlettertype en Secundaire lettertype voor koppen).
3. Je kunt kiezen uit 3 diktes voor koppen.
4. Houd er rekening mee dat het lettertype dat je kiest gemakkelijk leesbaar moet zijn.

6. Banner afbeeldingen

Vaak wil je op de homepage van je webshop een grote banner of afbeeldingen tonen aan je klanten. Denk na over welke boodschap je wilt overbrengen en welke sfeer je voor je webshop wilt creëren.

1. Zorg voor een overzichtelijke en uitnodigende homepage
2. Bouw vertrouwen en geloofwaardigheid op
3. Laat zien wat je verkoopt
4. Verleid klanten om te scrollen en te klikken
5. Gebruik sfeerbeelden, niet alleen productafbeeldingen
6. Voeg gerust een call-to-action toe aan de afbeeldingen - iets dat de klant triggert om erop te klikken en dat iets zegt over waar ze terechtkomen. Bijv.: Bekijk hier al onze jurken.

7. Productafbeeldingen

Misschien overbodig om te zeggen, maar goede productafbeeldingen zijn cruciaal voor de klant om zich vertrouwd genoeg te voelen om het product in het winkelmandje te plaatsen.

1. Zorg voor goede foto's - zowel goede productfoto's als inspirerende sfeerfoto's
2. Laat het product in gebruik zien - inspireer de klant
3. Zorg voor meer dan één foto (max. 8) - dit verhoogt de conversie
4. Zorg voor dezelfde grootte/formaat op de foto's, dit ziet er overzichtelijker uit
5. Gebruik geen te grote afbeeldingen - dan duurt het lang om de pagina te laden. Zowel Google als de klant vindt dit niet fijn
6. Aanbevolen grootte van de afbeeldingen 1000 x 1000 px (als vierkant, je kunt natuurlijk ook een ander formaat kiezen).

8. Bezoek je eigen webshop

Het is belangrijk dat je weet hoe je webshop door klanten wordt ervaren. Zorg er daarom voor dat je het checken en testen van je eigen webshop meeneemt in je routine tijdens het designen. Check na elke wijziging of deze goed is doorgekomen en het koopproces niet belemmerd.

Je kunt naar je webshop gaan door op het huisje te klikken in de rechterbovenhoek van de Design Builder.

Wanneer je bent ingelogd in je beheeromgeving en je eigen webshop bezoekt, zie je links onderaan een snelkoppeling terug naar de beheeromgeving. Handig om te weten: Deze knop kan je rechtstreeks naar relevante pagina's in de beheeromgeving sturen vanuit de webshop, zoals product of pagina toevoegen of je orders.

Waar kun je banners maken en afbeeldingen bewerken?

Je hoeft geen grafisch ontwerper te zijn of Photoshop te kennen om banners te maken en afbeeldingen te bewerken. Er zijn verschillende gratis en betaalbare tools die je kunt gebruiken. Gebruik bijvoorbeeld Canva of Picmonkey. Test ze uit en kijk wat het beste bij je past.