Webdesign proces Schoenen Verduyn

gepost op Dinsdag 18 januari 2011 door Inge

Schoenen Verduyn uit Kortrijk had reeds een website. Omdat ze een moderner online imago wensten nu hun fysieke winkel een opfrissing gekregen had en omdat ze hun collectie ook online wilden gaan aanbieden, klopten ze bij ons aan om een nieuwe website te maken voor hen.  

Schoenen Verduyn is zowat de betere schoenwinkel en dat moest hun website ook gaan uitstralen. Hun aanbod is heel groot en de doelgroep bestaat zowel uit mannen, vrouwen en kinderen.

Bij mijn eerste voorstel voor een nieuw design, hield ik rekening met de bestaande huisstijl en met de web usability regeltjes.



De reactie van de klant op dit ontwerp was dat ze meer wilden uitpakken met de foto's van hun winkel. Bij  het tweede ontwerp werkte ik met een grotere foto in de header die tevens een slideshow is zodat de bezoekers meerdere foto's van de winkel kunnen bekijken. Ook werk ik hier subtiel met een schermvullende achtergrondfoto (zwart/wit).



De reactie van de klant op dit ontwerp was idem als op het eerste ontwerp. Ze stelden voor om als beginpagina enkel een schermvullende foto te gebruiken. Omdat het seo-gewijs niet aan te raden is om geen content te gebruiken op de homepage, sloten we het compromis om een kleine introtekst met links naar de andere pagina's van de website te plaatsen op de foto.
En dit is wat het geworden is:

Get to know Alvin Lustig

gepost op Woensdag 12 januari 2011 door Inge

Alvin Lustig is een Amerikaans ontwerper geboren in 1915. Vandaag is hij nog steeds bekend voor zijn covers en alhoewel hij reeds op veertigjarige leeftijd stierf, heeft hij heel wat werken op zijn naam staan. 

Typerend voor het grafisch ontwerp van Lustig zijn de gefragmenteerde beelden, de minimalistische typografie en de rebus-achtige composities. Zijn werk is sterk beïnvloed door de Europese ontwerpen van Bauhaus (zoals Jan Tschichold) en de Dada-beweging.

Alvin Lustig zette zich af tegen de commerciële stijl en experimenteerde met een eerder abstracte stijl. Het abstracte gevoel dat hij oproept met zijn werk heeft veel gemeen met dat van kunstenaars als Paul Klee, Joan Miró en Mark Rothko.

Van 1945 tot 1952 ontwierp Lustig de New Classics serie van uitgeverij New Directions. In één woord? Epic! Praktisch elke cover uit deze serie is een pareltje. Leuk ook is dat er een consistentie is tussen de covers.

Wie Alvin Lustig inhuurde, deed dat voor het totale designproces

Hij staat bekend om zijn expertise in vrijwel alle ontwerp disciplines. Zo ontwierp hij cd's, tijdschriften, advertenties, catalogi, jaarverslagen, kantoorruimtes en textiel. Eind de jaren veertig ontwierp hij een helikopter voor Rotoron, een baanbrekend ruimtevaartbedrijf.

Een echte aanrader voor de fans van Alvin Lustig is het boek Born Modern: The Life and Design of Alvin Lustig. Het is geschreven door Steven Heller & Elaine Lustig Cohen (Alvin's vrouw) en gepubliceerd door Chronicle books.

Usability tips voor webdesigners

gepost op Dinsdag 14 september 2010 door Inge

Mensen surfen op het internet omdat ze iets zoeken. De taak van een webdesigner is om deze zoektocht zo 'luxueus' mogelijk te maken.
Kortom moeten we ervoor zorgen dat de surfer efficiënt vindt wat hij zoekt én dat deze zoektocht een aangename ervaring is.

Enkele eenvoudige usability tips:

• Het gebruik van breadcrumbs. Als Hans en Grietje gebruik hadden gemaakt van broodkruimels, hadden ze hun weg naar 'Home' wel gevonden. Breadcrumbs worden vooral gebruikt wanneer pagina's bestaan uit meerdere subpagina's. Het zorgt voor een transparante structuur van een website.
  
• Vergroot (indien mogelijk) het aanklikbaar veld van een link. Maak bijvoorbeeld van een link in een lijstje een block-element (display:block;).
  
• Gebruik genoeg contrast op de website en zorg ervoor dat de lettertypes groot genoeg zijn. Om een aangename leeservaring te bieden, kan je gebruik maken van de line-height. Een paragraaf leest veel vlotter als de lijnen niet tegen elkaar gedrukt staan.
  
• Zorg voor een duidelijke navigatie & structuur op de website.
  
• Het gebruik van genoeg ruimte tussen de elementen op een pagina zorgt ervoor dat de structuur gezien wordt.
  
• Geef elke gebruiker gemakkelijk toegang tot de website. Maak gebruik van de webstandaarden.
  
• Geef zinvolle feedback op wat de surfer doet. Vult de bezoeker bijvoorbeeld een veld in een formulier fout in, geef dan aan wat wel verwacht wordt.
  
• Dat goede copyrighting de gebruiksvriendelijkheid van een website verhoogt, is een understatement.
  
• Maak van het bedrijfslogo, een link naar de homepage.
  
• Zorg ervoor dat alles werkt. Niets zo frustrerend voor een bezoeker als iets dat niet lijkt te werken.
  

En zo zou ik nog wel even kunnen doorgaan. Maar misschien dat de tip der usability tips wel deze is: wees een user!
Leef je in als bezoeker van de website en ontdek zo wat beter kan.

Een succesvol webdesign project

gepost op Woensdag 04 augustus 2010 door Inge

Een goed project is er één waarbij de klant tevreden is en waarbij wij hier bij Webatvantage ook tevreden zijn. Die tevredenheid vloeit voort uit verschillende factoren:

• haalt de website zijn vooropgestelde doelstellingen (het aantal verwachte bezoekers, aantal verwachte aankopen, de verwachte doelgroep ...)
• is de communicatie vlot verlopen tussen ons en de klant
• is de klant en zijn ook wij trots op het design van de website
• zijn we beiden tevreden met de gekozen structuur van de content
• is de deadline tijdig bereikt
• etc.

Om die tevredenheid te bereiken, zijn er enkele zaken die belangrijk zijn om in achting te nemen bij de start van een project.

Denk na!

Wat wil de klant met zijn website beögen? Door goed na te denken over het design en de structuur van een website, komen we tijdens het ontwikkelingsproces voor weinig verrassingen te staan. De klant kan gedurende het ganse proces feedback geven maar het spreekt voor zich dat grote aanpassingen tijdens het proces een project vaker niet dan wel ten goede komen.

Een realistische deadline!

Een website ontwerpen en bouwen vraagt tijd. Ook het toevoegen van alle content in het CMS mag niet onderschat worden. Door genoeg tijd te voorzien voor alle stappen, moet er niet overhaast te werk gegaan worden en kunnen we kwaliteit afleveren.

User focus!

Een website maak je voor de klanten van je klant. Bij webdesign en webdevelopment moet het standpunt van de gebruiker steeds in gedachten gehouden worden. Wat zoekt de surfer en op welke manieren kan hij deze informatie het gemakkelijst terug vinden?

Goede communicatie!

De projecten die het vlotst verlopen, zijn uit mijn ervaring, diegene waarbij de klant goed weet wat hij wil. Hoe beter gecommuniceerd wordt wat de wens is, hoe beter wij deze kunnen invullen. Ook tussen de makers van de website, is het belangrijk dat er zich een voortdurende input en feedback afspeelt.

Debug!

Een website debuggen betekent zoveel als alle foutjes uit een website halen. Hier en daar het design finetunen en zorgen dat alles technisch goed werkt. Een aangename user experience vloeit voort uit een optimale werking van een website.