Maak optimaal gebruik van het thema Jade!

21-04-2016

Een mooie vormgeving van uw webshop is erg belangrijk, een eerste indruk zegt immers alles. Met ons reeds gelanceerde thema Jade kunt u uw webshop direct een persoonlijke uitstraling geven door het plaatsen van sfeerfoto's in de fullscreen slider. Verder bevat dit thema veel verschillende settings waardoor u het grotendeels naar eigen wens kunt inrichten. Jade is heel geschikt wanneer u gebruikmaakt van veel verschillende categorieën. Uiteraard is Jade responsive en schaalt het mee met ieder device. Wilt u de demoversie eens uitproberen? Klik dan hier.

De visie van onze UX-designer

Jade is ontwikkeld door Gregor Doornbosch, onze UX-designer die het thema heeft vernoemd naar zijn dochter. Hoe is hij tot dit uiteindelijke ontwerp gekomen en welke ideeën speelden ermee? Gregor: 'Voordat ik met het designen van Jade begon, heb ik eerst al onze bestaande thema's goed bekeken. Uiteindelijk moet er natuurlijk wel iets unieks uitrollen wat we voorheen nog niet hadden. Ik wilde met name een oplossing bedenken voor webwinkeliers die gebruikmaken van een uitgebreide categoriestructuur.


Met dit in het achterhoofd ben ik begonnen te schetsen. Ik ben heel visueel ingesteld, dus het liefst werk ik veel met afbeeldingen. De ruimte voor het plaatsen van mooie afbeeldingen zie je ook goed terug bij Jade. Verder vond ik het erg belangrijk om een thema te ontwerpen waarbij onze klanten alle kanten op kunnen wat betreft de settings en het kleurgebruik. De fullscreen slider is hier een goed voorbeeld van. Naast dat het hip is, kunnen onze klanten hun webshop direct in het oog laten springen door het gebruik van mooie sfeerfoto's. Ten slotte is Jade natuurlijk responsive. Dus tijdens het proces moest ik er telkens rekening mee houden dat ik iets diende te ontwerpen dat op ieder scherm mooi naar voren komt. Ik hoop dat onze klanten blij zijn met dit nieuwe verfrissende thema en het volop gaan inzetten voor hun eigen webshop. Want als UX designer is dat natuurlijk heel gaaf om te zien. Om hen een handje te helpen, geef ik graag wat extra tips die ervoor zorgen dat Jade zo optimaal mogelijk gebruik wordt.'

Kleur

Wanneer u Jade activeert, ziet u dat de categoriebalk aan de linkerzijde standaard de zwarte kleur heeft. Deze hoeft u niet per se te gebruiken maar kunt u ook veranderen in een kleur die goed bij de uitstraling van uw webshop past. Ook de kleur van de topbalk en de hoofdkleur die bij de knoppen wordt getoond, kunt u desgewenst aanpassen. Door deze kleuren goed op elkaar af te stemmen en voor de topbalk bijvoorbeeld een lichtere variant te kiezen ten opzichte van de categoriebalk, kunt u bepaalde elementen (zoals aanbiedingen , sale etc.) in uw webshop extra laten opvallen.


Kleurstelling is belangrijk voor uw webshop. Het gebruik van kleuren die elkaar aanvullen zonder dat ze heel erg opvallen, maakt het geheel overzichtelijk. Vindt u het lastig om de juiste kleur(en) voor uw webshop te bepalen? Klik dan op de volgende link om inzicht te krijgen in verschillende kleurcombinaties. Door uw gewenste kleur in te geven, ziet u direct welke andere kleuren hier goed mee samengaan.

Lettertype

Bij het thema Jade kunt u gebruikmaken van vier verschillende lettertypes: Roboto, Josefin, PT SANS en Lato.

Zoals u goed in het voorbeeld kunt zien, is het ene lettertype wat speelser en de ander wat strakker en moderner. Bepaal wat u wilt uitstralen met uw webshop en kies op basis daarvan uw lettertype. Stem dit af met de kleuren die u gebruikt en creëer op deze manier een mooi geheel. Door verschillende lettertypes en kleurcombinaties te gebruiken, komt u er vanzelf achter wat het beste bij de uitstraling van uw webshop past.

Logo

Wanneer u gebruikmaakt van het thema Jade, ziet u uw logo linksboven in uw weshop terugkomen. Voor een optimaal resultaat moet uw logo circa 75 pixels hoog en 200 pixels breed zijn. Door het op te slaan met een transparante achtergrond, creëert u een mooi geheel met de categorie- en topbalk en voorkomt u dat het logo in een gekleurd vierkant vlak valt.

Fullscreen slider

Jade bevat een fullscreen slider waar u drie prachtige sfeerafbeeldingen in kunt plaatsen. Zo geeft u uw webshop de persoonlijke uitstraling die u wenst. Doordat tekst niet op iedere resolutie goed leesbaar is, raden wij aan om alleen afbeeldingen in de slider te plaatsen. Uiteraard is het ook mogelijk om één of twee afbeeldingen in de slider te plaatsen, of deze juist helemaal uit te schakelen.

Productfoto's

Jade geeft u de mogelijkheid om uw productfoto’s op vier verschillende manieren te laten zien. Hierbij is onderscheid gemaakt in blok- en lijstweergave. Het verschil leggen wij u hieronder verder uit.

Blokweergave 1

Alle productafbeeldingen zijn bijna vierkant, hebben dezelfde afmetingen en worden in blok-vorm naast en onder elkaar weergegeven.

Blokweergave 2

Bij blokweergave 2 hebben zijn ook alle productafbeeldingen vierkant en hebben dezelfde afmeting, met uitzondering van foto 5. Deze is uitvergroot en is wordt heel uitgesproken weergegeven.

Lijstweergave 1

De productafbeeldingen worden bij het selecteren van lijstweergave 1 allemaal rechthoekig weergegeven met daarnaast de productomschrijving.

Lijstweergave 2

Alle producten worden onder elkaar getoond. Echter alleen met tekst en titel, de producten bevatten geen afbeelding.

Footer

In de footer van het thema Jade is ruimte voor vier blokken. In het eerste blok worden uw hoofdpagina’s weergegeven. In het tweede blok ziet u uw hoofdcategorieën en in het derde en vierde blok is er ruimte voor tekst. Deze kunt u zelf invullen. Uw footer is ondergeschikt aan uw webshop, geef deze daarom geen felle kleur maar zorg dat het een mooi geheel vormt met de rest van uw webshop.

Header

De header van uw webshop kunt u bij Jade op drie manieren weergeven: met een solide kleur, gedeeltelijk transparant of helemaal transparant. Door verschillende mogelijkheden uit te proberen, ziet u vanzelf wat het beste bij de stijl van uw webshop past. Daarnaast kunt u er ook voor kiezen om de header vast te zetten aan de bovenkant – waarbij de winkelwagen wel altijd zichtbaar blijft – of dat deze meescrolt.

En dan nog even dit...

Kunt u niet wachten om het thema Jade te activeren? Gebruik dan wel altijd de canvasweergave. Op deze manier komen de productafbeeldingen het mooist tot hun recht.

De visie van onze UX-designer

Cookies

CCV Shop maakt gebruik van cookies. Hierdoor kunnen wij je de nodige functionaliteiten bieden en tevens jouw gebruikservaring verbeteren. Als je onze website bezoekt, ga je akkoord met onze cookieverklaring.

Kies je cookies
Accepteer alle cookies
Voor meer informatie kun je kijken in onze cookieverklaring