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.

jQuery Quicksand

gepost op Donderdag 24 juni 2010 door Inge

Hier bij Webatvantage werken we graag met jQuery voor het verzorgen van animaties op een website.
Een jQuery applicatie kan net dat ietsje extra toevoegen aan webdesign. Het oogt mooi en zorgt doorgaans voor een verhoogde functionaliteit (en dus gebruiksvriendelijkheid) van een website. jQuery plugins waar we vaak mee werken zijn:

• FancyBox (Bekijk een voorbeeld op de website van Rogge Juweliers.)
  FancyBox is een hulpmiddel voor het weergeven van afbeeldingen, html-inhoud en multi-media in een Mac-stijl 'lightbox' dat verschijnt over de inhoud van je website.
• jSuggest (Bekijk een voorbeeld op de website van Interza.)
  jSuggest is een geadvanceerde auto-complete functie voor een input field.
• Nivo Slider (Bekijk een voorbeeld op de website van Bovo Zwembaden.)
  Nivo Slider is een coole image slideshow met vorige en volgende buttons en met meerdere knappe transitiemogelijkheden.
• jCarousel Lite (Bekijk een voorbeeld op de website van Dama.)
  jCarousel Lite is een afbeeldingen carousel. Voor tekst én afbeeldingen gebruik ik meestal de jFlow slider.
• Lazy Load (Bekijk een voorbeeld op onze portfolio pagina.)
  Met deze plugin worden afbeeldingen pas gedownload wanneer je er naar scrollt. De pagina zal sneller laden omdat de foto's die nog niet zichtbaar zijn niet worden gedownload.

Voor de webshop van Scarpo, een winkel die gespecialiseerd is in de verkoop van allerhande lederwaren, ben ik eens gaan spelen met het relatief recent ontwikkelde Quicksand script.

Functionality meets beauty!

Quicksand filtert en ordent items met mooie shuffelende bewegingen. Op de webshop van Scarpo kun je zoeken op merk of artikel. De integratie van de Quicksand applicatie zorgt ervoor dat je de producten in de desbetreffende categorie dan ook nog eens kunt filteren op de rubrieken dames, heren, uniseks, topper en nieuw. Ook kun je de producten gaan rangschikken op naam en prijs.

Kortom kan de bezoeker van de webshop zo gemakkelijk zelf bepalen welke content hij te zien krijgt.

Credits gaan naar Jacek Galanciak alias Razorjack.
Neem een kijkje op de webshop van Scarpo voor een voorbeeld van de Quicksand applicatie.
Meer informatie over Quicksand en enkele demo's vind je hierzo.

Nieuwe website voor Annelies Verbeke

gepost op Woensdag 28 april 2010 door Inge

Mijn eerste kennismaking met het maken van websites was toen ik aan de bibliotheekschool in Sint-Amandsberg (Gent) het vak webdesign volgde.
De basics van webdesign werden ons uitgelegd en als eindexamen kregen we de opdracht om een website te maken. Onderwerp vrij te kiezen.

Ik had net het boek Slaap! uit van Annelies Verbeke en vond dat best straf geschreven. Aangezien Annelies nog geen website had, stelde ik haar voor om er eentje te maken. Mijn eerste site ever maar ze ging akkoord.

Zoveel jaar later was de site echt wel aan een update toe. Weinigen zullen me tegenspreken dat het gebruik van frames niet meer van deze tijd is, nietwaar? Ook grafisch gezien kon de website best wel wat opfrissing gebruiken.
Naast een nieuwe look heeft de website een content management systeem gekregen zodat Annelies de foto's en teksten op haar website vanaf nu zelf kan beheren.

Het ontwerp van de nieuwe website van Annelies Verbeke is grotendeels geïnspireerd op deze poster van Cristiana Couceiro: Experiência Variaçaões.

Get to know Saul Bass

gepost op Maandag 12 april 2010 door Inge

Vorige zondag plande ik samen met een vriendin een dagje Oostende. Na onze hap cultuur (bezoekje aan het PMMK) dronken we een glas in het gezellige soul café Lafayette. 

De muren prijken er vol met foto's van legendarische soul figuren. Vanzelfsprekend hangen er ook meerdere kiekjes van Marvin Gaye want in lang vervlogen tijden kon deze gerekend worden tot de homies van Oostende. En ook Saul Bass heeft er een plekje gekregen met enkele van zijn illustraties.

Saul Who?

Saul Bass was een Amerikaans grafisch ontwerper (1920-1996) die vooral bekend is om zijn opening credits voor films en voor zijn ontwerpen voor filmposters. Bass was onder meer verantwoordelijk voor de begingeneriek van Vertigo, Psycho, Spartacus, Casino, The Shining, Cape Fear, The Magnifcent Seven, The Man with the Golden Arm en ga zo maar door. Zelf heb ik hem ontdekt via zijn fabuleuze filmposter voor de film Vertigo van Hitchcock.

Ook enkele bekende logo's zijn van zijn hand: Minolta, United Airlines en AT&T Bell Sytstem.

Als eerste begreep Saul Bass dat de begintitels van een film vaak een onbenutte uitlaatklep van expressie waren. Hij gebruikte de begingeneriek van een film om het publiek in de juiste stemming te brengen voor de film die ze zouden zien.
Ondertussen bestaan er echt al ware pareltjes aan begingenerieken. Smashing Magazine poste een tijdje geleden enkele onvergetelijke begintitels van films. Dichter bij huis is iedereen vol lof over het begin van de serie 'Van Vlees en Bloed'.

Ook was Bass de eerste die een zekere uniformiteit creërde tussen alle grafische filmelementen (filmposter, generiek, logo, ...).

Saul Bass heeft veel inspiratie opgedaan uit de werken van Paul Rand. Beiden gebruiken vereenvoudigde vormen en een sterk expressief minimalistisch design. Neem bijvoorbeeld maar eens een kijkje naar het ontwerp van het verminkte lichaam van 'Anatomy of a Murder'.

R.E.S.P.E.C.T.!