Een mooie lay-out ontwerpen

Tekst vergrotenTekst verkleinen

Webshop layoutEen professionele lay-out is van groot belang om het vertrouwen van uw klanten te winnen en conversies te genereren. Met EasyWebshop is het heel eenvoudig om zelf een lay-out in te stellen.

Het aanpassen van de lay-out heeft geen impact op de werking van de webshop. Elke verandering kan ongedaan gemaakt worden of achteraf terug aangepast worden. Neem dus gerust de tijd om te experimenteren met kleuren, afbeeldingen en lettertypes tot het gewenste resultaat bekomen is.

  • Voeg bij voorkeur een 10-tal producten toe alvorens met de lay-out en configuratie te experimenteren.

Lay-out aanpassen

Navigeer naar Instellingen > Lay-out.

De snelste en eenvoudigste methode is een thema kiezen en een logo uploaden. Deze methode is geschikt voor ondernemers met weinig tijd of voor gebruikers die zich niet wil verdiepen in de designer.

Templates, Thema's en Ontwerpen

Templates zijn enkele basisontwerpen die als eerste in de lijst staan en geen kleuren bevatten. Ze zijn geschikt voor zakelijke websites waarbij de focus op de producten ligt.

Thema's zijn gebaseerd op een template en zijn verder uitgewerkt met kleurcombinaties en achtergronden. Ze zijn geschikt voor websites waarbij het design aantrekkelijk moet zijn.

Ontwerpen zijn templates of thema's die door u als gebruiker worden gepersonaliseerd met de designer. Deze methode is geschikt voor gebruikers die de details van hun website willen personaliseren.

Alle templates en thema's zijn mobielvriendelijk en geoptimaliseerd voor snelle laadtijden en optimale indexering in zoekmachines.

Een Template of Thema aanpassen

Kies één van de templates of thema's in het tabblad Thema door op de schermafbeelding te klikken.

Klik op Voorbeeld om een voorbeeld te bekijken. Dit voorbeeld is niet zichtbaar voor uw bezoekers.

Klik op Publiceren om de template of het thema in te stellen voor uw website.

Klik op Aanpassen om de template of het thema te personaliseren met de designer. De volgende documentatiepagina beschrijft de functies van de designer.

Logo uploaden

Onder het tabblad Logo kunt u een (bedrijfs)logo uploaden door het te selecteren en op Opslaan te klikken.

Als u nog geen logo heeft, kunt u het laten ontwerpen door een logo-ontwerper. Bij EasyWebshop ontwerpen we geen logos. Een interessante website om een logo te laten ontwerpen is 99designs.

Logo afmetingen aanpassen na het uploaden

Verschalen
Dit is de standaardinstelling: het logo wordt proportioneel verschaald naar maximum 300x100 pixels.
Bijsnijden
Hiermee wordt het gedeelte van het logo dat te groot is afgeknipt.
Niet wijzigen
Er worden geen aanpassingen aan het logo gemaakt na het uploaden. Kies deze optie als u zelf het logo op de juiste afmetingen heeft.

We raden aan om logos niet te groot te maken. Dat maakt het moeilijk voor bezoekers met een smartphone. Als het logo te breed is, zal er een horizontale scrolbalk verschijnen. Als het logo te hoog is, moet er meer naar beneden gescrolt worden.

De standaardinstelling van 300x100 pixels is in de meeste situaties ok. Bij sommige thema's is het beter om het logo groter of kleiner te maken.

Het logo mag maximaal 5MB groot zijn. De mogelijke bestandsformaten zijn .gif, .jpg, .png en .svg. Voor transparante logos, gebruik het PNG of SVG formaat. GIF animaties zijn mogelijk, maar raden we af om als logo te gebruiken.

Browser icoon uploaden

Het browser-icoon of Favicon is een pictogram dat geassocieerd is met uw website. U kunt het laten ontwerpen door uw logo-ontwerper.

Favicon

Voor de beste compatibiliteit met alle soorten apparaten is het best om een .ico, .png en .svg versie te uploaden.

.ico
Een standaard favicon heeft de afmetingen 16x16, 32x32 of 64x64 pixels, en bevat 16 kleuren. De bestandsgrootte is maximum 150Kb.
.png
De aangeraden afmetingen voor een .png favicon zijn 196x196 pixels.
.svg
Voor hogere resoluties kunnen SVG favicons gebruikt worden. Houd er rekening mee dat niet alle apparaten SVG favicons ondersteunen.

Template of thema personaliseren met de designer

Met de designer kan de gekozen template of thema gepersonaliseerd worden. De designer biedt heel veel mogelijkheden om te personaliseren en is daarom minder eenvoudig in gebruik dan standaard lay-outbeheer. De volgende pagina beschrijft de functies van de designer.

Tips om zelf een mooie lay-out te ontwerpen

Houd het eenvoudig
Uw klanten kopen geen producten voor de lay-out. Een eenvoudige functionele lay-out zal meer resultaat opleveren dan een drukke lay-out met veel toeters en bellen.

Vergelijk deze twee websites: Bing en Google. Welke vindt u de mooiste? Welke wordt het meeste gebruikt?
Blijf consistent
Kies een kleurenpalet en blijf deze kleuren behouden. Blijf bij hetzelfde lettertype.
Doe inspiratie op
Er is niets mis met kijken hoe anderen het doen. U kunt inspiratie opdoen bij onze voorbeelden of in de directory.
Foto's brengen een website tot leven
Een herkenbaar logo, duidelijke productfoto's en een passende achtergrond zijn een must.
Vraag advies aan vrienden, familie en collega's
Vraag aan verschillende personen wat ze van uw lay-out vinden. Een mooie lay-out is subjectief. U zal zien dat er veel tegenstrijdige meningen gegeven worden.
Zorg voor voldoende contrast, vermijd stijlfouten

Enkele veelgemaakte fouten:

  • Tekst met weinig contrast
  • Tekst die irritant is om te lezen
  • Effecten uit de jaren '90 zijn niet meer in
  • Grote blokken cursieve tekst zijn lastig om te lezen
  • TEKST IN HOOFDLETTERS IS NOT DONE
  • Vermijd het herhalen van leestekens!!!!!!
  • Schrijf niet "Welkom op mijn webshop, ...". Mensen weten dat ze uw webshop bezoeken, dus dat is overbodig

Een lay-out laten ontwerpen door een webdesigner

HTML - XMLMet de ingebouwde lay-out kunt u zelf een lay-out instellen door de vormgeving en kleuren te kiezen. Er zijn voldoende mogelijkheden zodat u zich goed kunt onderscheiden van andere websites. Dit is de eenvoudigste en de voordeligste optie.

Mocht u hiermee toch niet het gewenste resultaat bereiken, dan kunt u de lay-out op maat laten ontwerpen door een webdesigner. Wij doen zelf geen maatwerk ontwerp, maar we hebben goede contacten met betrouwbare partners hiervoor. Neem contact op met ons voor een webdesigner.

U kunt ook zelf op zoek gaan naar een webdesigner. Let op, er zijn helaas veel beunhazen op het internet. Vraag naar referenties en controleer de referenties ook door contact op te nemen.

De gemiddelde kostprijs voor een lay-out op maat is tussen €500 en €1500, afhankelijk van wat uw wensen zijn. Begin met een duidelijke beschrijving van wat u precies verwacht.

Uw webdesigner kan de bestaande lay-out aanpassen (CSS aanpassen) of een compleet nieuwe lay-out ontwerpen. (Lay-out op maat)

Tip: sneller werken met tabbladen

Maak in uw browservenster 3 tabbladen, een tabblad met deze documentatie, een tabblad waarin u de webshop zal beheren, en een tabblad met uw webshop. U kunt dan switchen tussen de tabbladen om snel te werken. Als u de documentatie heeft afgedrukt, is dit niet van toepassing.

Druk op CTRL + T (of kies voor "Bestand > Nieuw tabblad") om een nieuw tabblad te openen in uw webbrowser. Bovenaan komt een nieuwe "Tab" met een witte pagina. Navigeer in het nieuwe tabblad naar onze website: www.easywebshop.com.

Tabs

Telkens als u in het beheercentrum een aanpassing heeft gemaakt, navigeer naar het tabblad van uw webshop en druk op Pagina vernieuwen, Reload / Refresh page of F5 om het resultaat van de laatste aanpassing te zien.


Volgende pagina: Designer

Starterswiki



Veelgestelde vragen Contact