Webshop design bij Shoxl: ultieme flexibiliteit

06 juli 2015

Of het nu gaat om een nieuwe klant - met een nieuw design - of een bestaande klant met de vraag om een redesign; bij Shoxl kunnen we alles ontwerpen! Het framework voor elke Shoxl webshops editie staat in feite al helemaal klaar om vorm gegeven te worden. Maar gaat dat nog wel zo simpel? Hoe gaat een Shoxl designer eigenlijk te werk?

Zo’n pakweg 5 jaar geleden was het in de wereld van webdesign allemaal net wat simpeler. Voordat websites responsive (schaalbaar) waren, was het de taak van de webdesigner om de content in een mooi en handig jasje te steken. Natuurlijk moest het flexibel zijn, maar het was de verantwoordelijkheid van de webdesigner om ervoor te zorgen dat de websites er net zo uit kwam te zien als het ontwerp in Photoshop. Sinds de komst van schaalbare websites houdt de taak van een webdesigner ineens een stuk meer in, en zijn de dagen waarin designers zich strak vast hielden aan de gemaakte pixels niet meer zo heel heilig.

 

RWD is de norm

Responsiveness is zo 2013! Niet dat het niet meer hip of bruikbaar is, sterker nog, responsive is de norm, al een paar jaar. De tablet en vooral de smartphone hebben de (digitale) wereld veroverd. Daardoor is het inmiddels wat oudere verhaal over designs die zich moeten aanpassen naar devices alom bekend. Ongeveer iedere online ondernemer weet waar we het over hebben als het woord responsive aan bod komt.

Bij Shoxl verkopen we dan ook geen ouderwetse webshops meer. Onze shops zijn op alle devices prima te bekijken, omdat we ook in onze eigen bezoekersaantallen zien dat meer en meer mensen hun smartphone of tablet gebruiken.

 

Brainstormen

Met het Shoxl responsive framework in het achterhoofd gaan onze designers allereerst brainstormen met de klant. Aanbevelingen, resultaten, ervaringen en bepaalde bezoekersgroepen (met een bepaald online gedrag) worden in de groep gegooid. Waar voorheen de klant écht keizer was en de ontwerper de rechterhand ervan, bepaalt nu de gebruiker en de daarop toegespitste content de grote lijnen van het ontwerp.

Layouts zijn geen templates bestaande uit grote blokken meer, maar dynamische en interactieve pagina’s. De term “content first” komt dan al gauw langs vliegen - het is de content die bepaalt hoe een pagina in elkaar steekt. De allereerste stap is dan ook analyseren en bespreken wat belangrijk is, wat de Unique Selling Points zijn, en wat er allemaal op een pagina komt. In een later stadium richten we ons op de sfeer van de webshop.

 

Layout 

Na een brainstorm sessie, die bij Shoxl zowel telefonisch, via de mail of face-to-face geregeld kan worden, wordt er intern op de afdeling Design nagedacht over de indeling van een webshop.

Zoals hierboven al is aangegeven wordt er nagedacht over: Wat komt waar? Wat moet als eerste in beeld? Waar komt de Call-To-Action? Waar willen we dat de doelgroep op klikt? Hoe zou de desbetreffende doelgroep eigenlijk navigeren? Hoe houdt dit vlak zich nadat er andere content in komt?

Het maken of schetsen van wireframes is eigenlijk wel aan de orde van de dag. Hoewel dat het framework voor elke Shoxl webshop al klaar staat, wil dit niet zeggen dat er vastgehouden moet worden aan één dezelfde opzet. Sterker nog; ook hierbij is alles mogelijk. De webshop is opgedeeld in rijen en kolommen en iedere combinatie is mogelijk. Daarna is het tijd om het dan eindelijk eens over kleuren en plaatjes te hebben.

 

En het design dan…?

Eigenlijk is de vormgeving de laatste stap. Door het fixeren op content lijkt de vormgeving zich langzaam naar de achtergrond te verplaatsen. Maar niets is minder waar! Het design van een webshop is natuurlijk hartstikke belangrijk. Het moet zorgen voor een goede eerste indruk, het moet onderscheidend zijn, het moet bij de rest van het bedrijf en de bijbehorende huisstijl passen, én het moet verzekeren dat de gebruiker zijn of haar weg in de webshop prima kan vinden en alles duidelijk is. Het is de kunst van de webdesigner om te bepalen welke kleuren, composities en kaders passen bij die opzet, de content, en de doelgroep. Soms heeft een klant al een bestaande huisstijl waarop de webshop naadloos moet aansluiten, soms betreft het een gloednieuw merk of webshop.

 

Het is ook weer de kunst van de webdesigner om te zorgen dat beiden dynamisch worden. Het gedrag van de gebruikers kan in de loop der jaren veranderen, maar ook de content op de website kan uitgebreider (of misschien minder uitgebreid) worden. Het is dan ook van belang dat er meerdere ontwerpen gemaakt worden, om de klant een beeld te geven hoe de shop eruit ziet op een mobiel, een iMac of gewoon een groter beeldscherm. Simpel inkleuren binnen de lijntjes ziet er dus niet meer echt bij, een designer dient met veel rekening te houden.

 

De toekomst van webdesign

Zoals ook de content in de toekomst kan veranderen, kunnen huisstijlen en smaken ook veranderen. Als designer heb je eigenlijke elke dag wel te maken met smaken en meningen. En u weet het; over smaak valt niet te twisten. Dus als blijkt dat het ontwerp niet meer past bij de content, de huisstijl wordt aangepast, of wanneer u en uw collega’s gewoon toe zijn aan een klein redesign van uw webshop; bij Shoxl is het makkelijk aanpasbaar.

Kleuren, hoogtes, breedtes, lettertypes en zelfs de kleinste pixels zijn door ons makkelijk te bewerken in onze Custom Style Sheets (CSS). Kleine aanpassingen van het framework zijn zelfs realiseerbaar binnen zeer korte tijd!