Webdesign proces William P Woodcole

Begin maart '09 hadden we een oriënterend gesprek met William P Woodcole: creatieveling, alter ego, stylist en kunstenaar die vanuit Amsterdam zijn artistieke visie loslaat op de wereld. William P Woodcole (WPW) wilde een website waarop hij zijn portfolio kon presenteren aan potentiële klanten en aan zijn bestaande netwerk. Wat direct duidelijk werd, was dat WPW op zoek was naar een minimalistic website, waarin portfolio items centraal zouden staan. Hierbij zou tekstuele content ondergeschikt zijn aan portolio items.

Een woord vooraf

Waar je in de andere blogposts over onze webdesign processen kunt lezen dat we sinds enkele maanden een eenduidig traject volgen bij het ontwerpen en ontwikkelen van websites, was dit nog niet aan de orde bij het designproces van Woodcole's website. We hebben het designproces toch online gezet, omdat het ons een leuke vergelijking leek met de manier waarop we momenteel te werk gaan. Hoewel we dus niet precies hetzelfde traject doorliepen zoals doorgaans begon het proces zoals gewoon al tijdens het oriënterend gesprek. Hierin gaf William P Woodcole aan een site te willen met een clean en rustig design, waarbij alles zou om het portfolio met daarin Woodcole's werk zou draaien. Na het gesprek begonnen we direct in Photoshop te werken; iets dat we destijds nog deden.

Wat opvalt aan de Photoshop-schetsen, is het onderlinge verschil in vlakverdeling. Het uitwerken van meerdere schetsen in Photoshop is een tijdrovend werk, helemaal wanneer je de vlakverdeling nog niet hebt bepaald. Deze constatering gaf aanleiding later onze werkflow aan te passen (eerst op papier een vlakverdeling schetsten en dan pas de Photoshop openen). We besloten het tweede ontwerp te uploaden via onze Klantenlogin, waarna het wachten was op de reactie van WPW.

Wie en wat is Woodcole; een tweede gesprek

Woodcole kon zich in principe vinden in de ontwerpen, maar vroeg ons door te gaan met tunen tot hij 200% tevreden was met het ontwerp. Wij stelden voor nogmaals af te spreken, om op een lijn te komen wat betreft zijn wensen en onze visie op het ontwerp. In dit tweede gesprek probeerden we verder door te vragen naar hetgeen dat William P Woodcole definieert. Woodcole gaf ons een uitgebreidere selectie kernwoorden die wij zouden gaan verwerken in een aangepast ontwerp.

Met de kernwoorden van Woodcole in ons achterhoofd, besloten we dit maal eerst op papier schetsen te maken, om vervolgens de vlakverdeling in Photoshop uit te werken. We maakten schetsen van onder andere de algehele pagina-indeling en de vlakverdeling van de portfolio-items.

Nadat we de knoop hadden doorgehakt wat betreft vlakverdeling, werkten we enkele pagina-schetsen uit in Photoshop. Ook hier namen we Woodcole's kernwoorden mee. Zo kozen we voor Yanone Tagesschrift als typeface voor de headings. We vonden dit typeface de kernwoorden romantisch en ziel blootgeven goed visualiseren.

Nadat we het ontwerp hadden geupload naar onze Klantenlogin, kregen we een enthousiaste reactie van William P Woodcole. Dit was voor ons een go om te beginnen aan de dynamische versie van de website. Hierbij besloten we overigens af te zien van de footer die in bovenstaande Photoshop schets te zien is. Waar de footer een toevoeging was op de website op goed gevulde pagina's, bleek deze overbodig op pagina's met weinig content.

Oplevering en content management

Voordat we de website opleverden, lieten we de dynamische versie aan Woodcole zien. Hierbij vulden we de website met sample foto's van andere fotografen, zodat het duidelijk werd hoe de website eruit zou komen te zien wanneer er meerdere portfolio-items zouden worden toegevoegd. Na een akkoord van William P vulden de website met de eerste lading content die we van hem hadden ontvangen; een service die we onze klanten aanbieden. Daarnaast maakten we een aantal screencasts, waarin we uitlegden hoe William P Woodcole portfolio-items kan toevoegen en content kan wijzigen.

Ga naar www.williamwoodcole.com om het eindresultaat te zien. Het domein williamwoodcole.com en de webhosting zijn ondergebracht bij Yummygum Webhosting.