Voor dit project maakte ik mijn eerste live website; de opdracht? Een portfolio website voor een (grafisch) tekenaar.
Ik ging van start met het opstellen van een vragenlijst om een ruwe inschatting te kunnen maken van de wensen van mijn klant. Ik wilde aan de hand van deze vragenlijst te weten komen wat de klant reeds zelf voor ogen had; had hij al een voorkeur van kleuren, fonts? Wie wilde hij bereiken met zijn website maar vooral wat wilde hij bereiken? We gingen dieper in op zijn verwachtingen en uiteindelijk gebruikte ik deze vragenlijst werd mijn basis voor mijn design brief.
Stijl
De klant vindt het belangrijk dat het een mooie website is, maar vooral dat deze informatief handig moet zijn en dat je alles gemakkelijk moet kunnen vinden.
Kleuren
De wilt zeker geen Serif (schreef)letters, als bodytext stelt de klant “PT Sans Narrow” voor maar geeft aan geen definitieve voorkeur te hebben, hij laat mij hier verder vrij in.
Ik liet de klant enkele verschillende stijlen zien voor hoofdingen, en de klant gaat akkoord met voor de hoofdingen een creatiever font te nemen. Er werd uiteindelijk gekozen voor Rock Salt als hoofding en Roboto slab als body tekst.
Fonts
Voor kleuren wenst de klant aardetinten op zijn website te zien, omdat zijn meeste gekende werk, de strip van Jos en Jossée, uit deze kleuren is opgebouwd. Er werd overeengekomen dat de klant de kleurcodes zou aanbrengen van uit de strip. Hieruit mocht ik dan bepalen welke kleuren geschikt waren voor de website. Onderstaande kleuren werden aangeleverd en er werd uiteindelijk gekozen voor groen (#AFB598) en geel (#FEE9B8).
Welke items zijn nodig?
- Fotomateriaal voor website opmaak (foto’s voor banners)
- Beeldmateriaal voor website opmaak (logo, schetsen, …)
- Galerij met alle werken per categorie (Grafisch ontwerp, illustraties en animaties).
- Deze categorieën moesten nog worden opgesteld en de onderverdeling moest nog gebeuren.
- SLL certificaat (nagekeken of hosting hierover beschikt)
- Filezilla ftp server
- Hosting: One.com
- Domeinnaam
Welke plugins zijn nodig?
- Really simple ssl
- Yoast SEO
- Wpsuper Cache
- WPvivid Backup Plugin opzetten en remote storage koppelen.
- Elementor + thema: Hello opzet
- Groovy menu plugin geïnstalleerd
- Opzet GDPR Cookie Consent
- Afbeeldingplugins: Simple lightbox plugin, Smush (lazy load), Youtube Subscribe Bar
Process
Onze eerste missie na de vragenlijst was om al eens na te denken over hoe we het werk van de klant zouden presenteren. De bedoeling van de website was een eerder ‘portfolio-achtige’ website, dus een correcte presentatie van het werk is belangrijk.
Na enkele overwegingen besloten we om alles onder te brengen in de categorieën ‘grafisch ontwerp’, ‘Illustraties’ en ‘Animaties’. De klant ging aan de slag met de onderverdeling, ik gaf achteraf feedback en zo kwamen we tot een consensus.
Toen we wisten wat de onderverdeling moest zijn, kon ik focussen op de mockup en uitdokteren welke info waar zou kunnen komen en ruwweg hoe ik het zou kunnen presenteren. Na het goedkeuren van de mockup (Adobe Indesign) kon het echte werk beginnen. Het viel al snel op dat er weinig beeldmateriaal ter beschikking was voor de algemene aankleding van de website. De weinig beschikbare foto’s waren minder van kwaliteit en in incorrecte formaten. De volgende missie was dus om foto’s te verzamelen en een soort van rode draad te creëren in de website. Ik sprak af met de klant om enkele leuke foto’s te nemen bij hem thuis welke we konden gebruiken als banners en pagina opvulling.
Na het overzetten van de website naar de klant zijn domein, bleven er nog enkel wat kleine aanpassingen over. Zo zorgde ik er nog voor dat de afbeeldingen van de klant zijn werk niet gekopieerd konden worden aan de hand van rechtermuisklik en keyboard shortcuts.
Tot slot schreef ik nog een handleiding voor de klant, zodat hij zelf wat kleine aanpassingen aan de site zou kunnen maken in de toekomst.
