Hoe maak je een visual voor je website? Voor een doorgewinterde webdeveloper is dit waarschijnlijk een eenvoudige vraag. Voor mij ligt dit toch iets anders. Op het moment van schrijven ben ik nog niet helemaal zeker over de stijl van mijn website. Welke pagina’s komen er op de site? Ga ik voor een sobere of een wat drukkere stijl? Welke kleuren ga ik gebruiken?
Als visuele stijl heb ik voorlopig gekozen voor een “Sin City”-achtige look. Zwart-wit beelden met sommige details in kleur. Deze stijl heb ik altijd intrigerend gevonden. In de films passen de donkere beelden perfect bij de sfeer van de verhaallijnen. Beelden zorgen ervoor dat bezoekers langer op je website blijven. Het is dus een uitstekend reclamemiddel. Ik wil de visuals ondergeschikt maken aan de boodschap die ik te melden heb. De inhoud is altijd belangrijker dan de vorm. Een goed vorm zorgt er wel voor dat de inhoud beter behapbaar is. De zwart-wit afbeeldingen roepen een romantisch beeld op van de jaren ’30. Een beeld waarmee men kan spelen.
Visuals zijn te vinden op vele websites. De meeste zijn, onder bepaalde voorwaarden, gratis te gebruiken. Helaas weet iedereen deze websites goed te vinden en te gebruiken. Daarom zullen deze afbeeldingen nooit de originaliteitsprijs winnen. Wil ik mijn eigen unieke plek op het internet vinden dan zal ik zelf aan de slag moeten gaan.
Dit artikel gaat over de creatie van mijn eerste eigen visual. Waar beginnen we mee? Het oorspronkelijke idee!
Het begin
Het verhaal begint bij het aanmaken van de pagina met mijn persoonlijke C.V. Ik had nog een aantal foto’s van de laatste vakantie om de website op te vullen. Een korte biografie is eenvoudig te voorzien van een passende portretfoto. Daarna werd het lastiger. Voor mijn diploma’s was het zeer eenvoudig om een onderwerp te vinden. Het zal niet de originaliteitsprijs winnen maar een simpele foto (uiteraard zonder de specifieke details) van diploma’s past duidelijk bij het onderwerp. Voor de vaardigheden was het lastiger. Wat kan nu de bezoeker direct laten snappen dat dit de sectie van de vaardigheden. Allereerst een idee omzetten in een ontwerp.
Dat proces begon op een i-pad. Eindelijk een reden om gebruik te maken van de pencil. De afgelopen maanden heb ik veel gedacht dat dit een beetje een miskoop was. Nou, dat moet ik dus terugnemen. Je kunt echt heel eenvoudig een ruwe schets maken op dit apparaat. Het is dan weliswaar geen echt papier maar het feit dat alles direct digitaal is maakt het meer dan goed. Gemak is immers ook een kwaliteit.
Het eerste ontwerp, te zien aan de linkerkant, is een grove schets. Gezien de serieuze aard van de website wilde ik her en der wat kleine “grapjes” verbergen om de serieuze toon wat te verlichten. De muis met kaas leek mij de ideale oplossing. Het boek met JavaScript zou moeten duiden op vaardigheden in plaats van een diploma. Diploma’s zijn immers leuk maar niets waard zonder de bijbehorende vaardigheden.
Het productieproces
Daarna begon het daadwerkelijke productieproces van de visual. Hoe pak je zoiets aan? Ik had werkelijk geen idee. Een foto maken met een telefoon is leuk maar is toch niet echt de juiste resolutie om op je website te zetten. Gelukkig had ik nog een camera liggen. Een geleende van mijn pa. Een oud beestje maar desondanks meer dan voldoende om een mooie foto te schieten.
Het daadwerkelijk maken van de foto was een eenvoudige klus. Een paar blokjes kaas van de lokale supermarkt, een oud borrelplankje uit de kast en de oude vertrouwde koffietafel. Geen spannende safari in de wilde natuur maar een spetterende fotoshoot in mijn eigen appartement. Ok een iets minder ronkende aankondiging is misschien op zijn plaats:) Ach ja, resultaat mag er zijn toch?
Het enige wat ik nog mis is de typische “Sin City” achtige vibe in de visual. Ik moet nog een manier vinden om kleur toe te kunnen voegen aan een afbeelding. Dit was een geslaagde eerste stap. Dat er nog maar velen mogen volgen!