LOGOS KERK WEBSITE
Ik had de opdracht gekregen om de officiële website te maken voor een Protestantse kerk gevestigd in Amsterdam-Zuid. Bekijk hieronder het gehele ontwerpproces die ik stap voor stap zal doorlopen vanaf het begin tot het eindresultaat!
01
Meeting
Aan het begin van het proces heb ik een meeting gehouden met de opdrachtgever. Ik heb deze meeting georganiseerd om de inhoud, functies en vormgeving van de website te bespreken. In dit gesprek liet de opdrachtgever weten een minimalistische website te willen hebben met verschillende onderdelen zoals een pagina om lid te worden van de kerk en een contactpagina met gegevens.
De hoofdlijnen van wat er in dit gesprek is benoemd heb ik genoteerd in een document wat ik als leiding kan nemen tijdens het maken van de website.
02
Schetsen
Om een eerste beeld te kunnen creëren van de vormgeving en de indeling van de website, heb ik schetsen gemaakt van de verschillende pagina's.
Ik heb de schetsen in een wireframe stijl getekend waarbij ik versimpelde tekstvakken en afbeeldingen gebruik om de layout van de website vorm te geven.
Alle verschillende pagina's die uiteindelijk in de website komen te staan, zijn geschetst waarbij de focus vooral lag bij de homepagina aangezien de vormgeving in deze pagina het grootste belang heeft. Dit is namelijk de eerste pagina die bezoekers van de website zullen zien en zij moeten hierdoor op een duidelijke manier in een fijne en simpele oogslag de hoofdinformatie over de website kunnen waarnemen.
Na deze stap kan ik de schetsen gebruiken om echt aan de slag te gaan met het ontwerpen van de website.
03
Website building
Na het maken van de schetsen, ben ik aan de slag gegaan met het bouwen van de website en het vormgeven van de verschillende pagina's. Ik heb hierbij de schetsen gebruikt als basis en kalme kleuren in de vormgeving verwerkt om een warm en verwelkomend gevoel op te wekken voor de websitebezoekers.
04
Logo
Ik had de opdrachtgever aangeboden ook een logo voor hun te ontwerpen om de kerk meer identiteit te geven. Deze logo zouden zij vervolgens in de toekomst ook kunnen blijven gebruiken bij bijvoorbeeld het versturen van e-mails.
De kerk zelf heet Logos, waardoor ik het idee had om de letter L het meest te laten opvallen. Tegelijkertijd wilde ik symbolisme in de logo verwerken, omdat alleen de letters in een bepaalde lettertype simpelweg te saai zou zijn en niet het gevoel zou geven dat er moeite in de logo is gestopt.
Als eindontwerp heb ik dus de letter L groot uitgebeeld en de Christelijke kruis erin verwerkt.
05
Feedback
Tijdens het proces, heb ik mijn tussentijdse werk gepresenteerd en besproken met de opdrachtgever. Hieruit kwamen verschillende punten van feedback die ik heb vervolgens meegenomen en verwerkt in het ontwerp.
Eén feedbackpunt was bijvoorbeeld om een onderdeel toe te voegen aan de website om het verwelkomend gevoel nog beter te laten overkomen bij de websitebezoekers.
Ik heb besloten om Bijbelverzen te weergeven op meerdere pagina's binnen de website, zodat er direct een connectie wordt gecreëerd met bezoekers die hetzelfde geloof delen of op het punt staan om deze te delen.
Voor de logo had ik veel verschillende versies gemaakt waarbij ik heb geëxperimenteerd met diverse ontwerpen en lettertypes. Ik heb alle versies van de logo's gedeeld met de opdrachtgever en de huidige kerkleden. Er waren verschillende meningen en reacties per versie, maar de meerderheid stemde toch voor de allereerste versie (zie stap 4) aangezien deze het meest binnen de lijnen bleef van de minimalistische look waar naar werd gestreefd.
06
Eindresultaat
Na het verwerken van alle feedback, heb ik het ontwerp kunnen afronden tot een volledig eindproduct met de volgende pagina's:
Home:
• Links naar de andere pagina's
• Beschrijvingen en links van de officiële partners waar de kerkorganisatie mee samenwerkt
Leden:
• Beschrijving en vereisten om lid te zijn van deze kerkorganisatie
Gegevens:
• Belangrijke gegevens van de kerkorganisatie zoals het adres en de email
Contact:
• Formulier functie om contact op te nemen met de kerkorganisatie
