Responsive webshop webdesign

Er zijn steeds meer devices waarop websites bekeken worden: PC, Mac, iPad, iPhone, Samsung phones, ander tablets. En met smartphones kun je een website ook nog eens op 2 manieren bekijken horizontaal of verticaal.

Met een responsive webdesign past de site zich aan de grootte van het scherm van de gebruiker aan. En dat betekent veel meer dan simpelweg hetzelfde scherm kleiner laten zien.

Onze eigen site is overigens een goed voorbeeld van een responsive design. Maak de site maar eens kleiner en je ziet wat er gebeurt:

  • Maak je het scherm iets kleiner (zeg maar de iPad met de korte kant boven) dan verdwijnen in het topmenu de mini-banners (Bel ons etc), want daar is net geen plek voor. Ook zul je op de home zien dat er slechts 3 shops in ons portfolio staan ipv 4.
  • Maak je het scherm nog kleiner dan zie je dat de top navigatie verandert. Het servicemenu (Wie zijn wij etc) verdwijnt, want dat maakt de navigatie op een iPhone ingewikkeld. Daarnaast zie je dat afbeeldingen kleiner zijn, en inhoud meer onder elkaar staat ipv naast elkaar.

In een responsive design moet je dus goed nadenken over hoe een site op verschillende devices getoond wordt. Wat laat je waar zien? Laat je wel alles zien? En hoe navigeer je?

Een responsive webdesign is dus afgestemd op het device en scherm van de gebruiker. Daarnaast heeft Google ook aangegeven dat zij Responsive websites belangrijker achten voor Google mobile.

Responsive webshop live in action: Yest.com

yest-home-phone-regular

Klik hier om Yest.com te bezoeken. Bekijk hem ook op je smartphone en tablet om het responsive design te ervaren.

Wil je alvast meer weten, of zou je je eigen webshop ook Responsive gemaakt hebben? Neem dan contact met ons op via ons contactformulier of bel: 010-2430638макияж для начинающих в домашних условиях