webdesign

drie onderdelen van het maken van een website

VOORBEREIDING

taakdefinitie

Dit is het uitgangspunt van alles. Hier leer ik het project kennen, doelstellingen en doelgroep worden gedefinieerd. Het wordt duidelijk wie er verantwoordelijk is voor de verschillende onderdelen in het ontstaan van de website.
Dit punt maakt vaak een verrassend groot deel uit in de ontwikkeling van een website, maar hoe nauwkeuriger hier alle details worden besproken, hoe minder vragen en misverstanden zijn te verwachten en hoe beter het werk en het resultaat zal zijn.

· Is er al een domein?
· Wie zorgt voor een host/severplek?
· Is er al een logo?
· In aanvulling op de grafische elementen horen bij een website goede en zoekmachine vriendelijk geschreven teksten – wie schrijft deze?
· En wanneer worden zij ingeleverd?
· Meestal moeten er ook foto’s op de website. Wie maakt deze?
· Of wie zoekt naar passende stockfoto’s?

analyse

Hiervan maak ik gebruik als het gaat om het herstructureren of de nieuwbouw van een bestaande website of als de websites van concurrenten beoordeeld moeten worden.

concept

Na een gedetailleerde briefing met een duidelijke definitie van alle doelpunten begin ik aan het ontwerp van de website. Structuur, navigatie, pagina-elementen en inhoud worden geschetst.

VORMGEVING

inhoud

Ook zonder dat het ontwerp al helemaal af is kan en moet er worden begonnen met het verzamelen van de inhoud. De inhoud is het belangrijkste van een website, hiervoor wordt hij bezocht. Alle teksten, foto’s, afbeeldingen en video’s moeten van hoge kwaliteit en zinvol zijn, ter zake doen en geoptimaliseerd worden voor zoekmachines.

grafisch ontwerp

Vóórdat ik begin aan een definitief ontwerp voor de website schets ik één of twee voorbeeldpagina’s op papier of in een grafisch programma. Als de ontwerpen goed zijn gekeurd, wordt het basisontwerp gedaan in de browser.

techniek

Voor veel websites, die ik ontwerp en maak, gebruik ik WordPress, zodat zij voorzien zijn van een beheersysteem (CMS – Content Management System). Op die manier heeft de klant zonder veel technische kennis toegang tot zijn site en is hij of zij in staat, om deze op elk moment te updaten en te veranderen.

REALISATIE

samenbrengen van alle elementen

Laatste loodjes wegen vaak het zwaarst: Alle nog ontbrekende inhoud wordt nu op de site geplaatst, en er wordt de laatste hand gelegd aan het ontwerp.

testen

De website wordt door testpersonen (met specifieke taken) doorgeklikt (usability testing). Alles wordt geoptimaliseerd tot iedereen tevreden is.

launch

De website gaat online.
Na een paar weken worden – indien nodig – op basis van alle ervaringen en feedback laatste verbeteringen uitgevoerd.

Dit is een continu proces!
Op een gegeven moment komt er nieuwe inhoud bij en moeten er aanpassingen gemaakt worden. Dit gaat door totdat de site niet meer voldoet aan de eisen of gewoon visueel of technisch verouderd is. Dan begint het proces opnieuw.

drie onderdelen van het onderhouden van een website

ONDERHOUD

Een website is niet alleen complex tijdens het ontstaan, ook na de “voltooiing” blijft hij veranderen en vergt hij onderhoud.

· De samenstelling van een team verandert,
· klanten wensen meer service,
· technische veranderingen stellen nieuwe (en vaak onvoorziene) eisen aan de website.
· Nieuwe teksten, verwijzingen of foto’s zijn nodig.

Een website moet minstens één keer per maand geüpdate of er moet nieuwe inhoud gepubliceerd worden. De aantrekkelijkheid van een site wordt verhoogd door geregeld beheer en actualiteit – niet alleen voor de bezoekers, maar ook voor zoekmachines.

Het bijwerken van websites geldt met name voor alle technische elementen (content management system en alle andere software-elementen, zoals theme en plugins). Dit is absoluut essentieel voor de veiligheid en functionaliteit van een website.

KWALITEITSZORG

Kwaliteitszorg is een proces. Een website van goede kwaliteit ontstaat door continu oude inhoud te blijven testen, de website regelmatig met nieuwe inhoud aan te vullen en door kritisch te blijven kijken naar alle documenten, alle verklaringen en het ontwerp.
De bezoekers van uw website zijn uw grootste critici of uw tevreden klanten.

DATA BACKUP

Regelmatig backups maken is moeilijk maar is uiteindelijk een van de meest belangrijke taken bij het onderhouden van een website.
Op vaste tijdstippen (en zeker na grote wijzigingen of het invoegen van veel nieuwe inhoud) moeten er veiligheidskopieën gemaakt worden van alle pagina’s, bestanden en bijbehorende databases.

De website www.tevreede.nl is een zogenaamde one pager. Om deze redelijke kleine site een compleet uiterlijk te geven, was mijn doel om een sfeervol foto te combineren met een attractief ontwerp en een goede user experience (UX), wat misschien het best vertaald kan worden met ‘gebruikerservaring’.

Startseite bienenschwarm-berlin.de

De website www.bienenschwarm-berlin.de is een kleine en nogal statische site. Ik heb daarom voor een html5-template van HTML5up gekozen dat ik aangevuld heb met foto’s en teksten van mijn klant. Het idee is dat mensen buiten een bijenzwerm spotten en op zoek gaan naar een imker, die ervoor zal zorgen. Ik wilde dus een volledig responsive website die er goed uitziet op mobiele telefoons, desktop computers en tablets (ook in staande weergave). Om de site extra gebruikersvriendelijk te maken biedt de link naar het telefoonnummer gebruikers aan de nummer in hun contacten op te slaan (iPads en Kindles) of om het telefoonnummer direct te bellen (Androids en iPhones).

Startseite marthacastaneda.nl

De website www.marthacastaneda.nl is een voorbeeld van een onverwacht probleem dat ik al een paar keer angetroffen heb. De communicatie tussen de edelsmid en haar eerste webdesigner verliep moeizaam. Hoewel hij een hele schone en mooie website voor haar had opgezet liep het inhoudelijke proces vast en werd ik gevraagd om de site af te ronden. Het kan soms nogal een uitdaging zijn om het werk van iemand anders te verbouwen, maar het is leuk als dan toch de site ontstaat die de klant wilde.

Startseite studio-danse.de

De website www.studio-danse.de is van een dansschool in Berlijn, die voornamelijk modern dance- en balletlessen aanbiedt voor kinderen en jongeren. Ik had het logo en de grafische elementen al eerder voor postkaarten en brochures van Studio Danse ontworpen en kon deze nu aanpassen voor het gebruik op de computer. Dans is beweging, dus heb ik  dit als thema gekozen voor de manier waarop je door de website navigeert, in de continu draaiende galerie aan het einde en in de verschuivingen en overlays van de foto’s in de achtergrond.

Startseite optimaal-gewichtsenvoedingscoach.nl

Dit is de website www.optimaal-gewichtsenvoedingscoach.nl. Omdat zij een paar jaar geleden in Nederland is komen wonen, was het voor de Zuid-Afrikaanse gewichts- en voedingscoach belangrijk om haar achtergrond in het ontwerp te laten zien. Ze maakt gebruik van de blog-pagina voor haar recepten, die gezocht en gevonden kunnen worden door middel van een systeem van categorieën en trefwoorden. De website bevat ook de functie om een seizoensgebonden nieuwsbrief te maken en te verzenden.

Startseite naturheilpraxis-rfg.de

Een van de eerste websites, die ik gebouwd heb, is www.naturheilpraxis-rfg.de. Dankzij het content management system (WordPress) is de klant in staat, zijn site zelf bij te houden. De inhoud is altijd aktueel en tot heden kwa techniek heel betrouwbaar. De onderdelen heb ik steeds aan kunnen passen aan nieuwe technische ontwikkelingen, dus de website is responsive op tablets en smartphones. Naturheilpraxis-rfg.de is bovendien een van mijn snelst ladende websites.

Startseite vofhethuis.nl

Dit is www.vofhethuis.nl, de website van twee interieurontwerpers in Utrecht. Voor een website met deze hoeveelheid foto’s was vooral een goede structuur belangrijk. Aangezien het gaat over het ontwerp van de binnenkant van huizen, voelde het logisch om de projecten van buiten naar binnen te tonen, als of de deuren open gingen. Gepresenteerd in een zogenoemde lightbox zijn alle details van het interieurontwerp op de grotere foto’s mooi te zien.

Startseite tastenfischer.de

De redactie tastenfischer. in Schwerin, Duitsland, is een gemeenschap van freelance journalisten. Hun website www.tastenfischer.de bracht nieuwe technische uitdagingen en zorgde weer eens voor het uitbreiden van mijn kennis. Ik was vooral bezig met een systeem waarmee de pagina even goed wordt weergegeven op computerschermen, tablets en mobiele telefoons, maar ook met details van de lay-out, zoals verschillende lettertypes (google fonts was toen net nieuw) en een overzichtelijke manier om veel tekst te tonen.

Startseite physiotherapieaufderinsel.de

De steeds groeiende website www.physiotherapieaufderinsel.de hoort bij een fysiotherapiepraktijk in Berlijn. Of er nou eenvoudige veranderingen van de teksten nodig zijn of foto’s, films of handgetekende kaarten toegevoegd moeten worden, er wordt voortdurend gebruik gemaakt van het content management system (WordPress).
Toen de website werd voorzien met online-formulieren moest hij verhuizen naar een modernere server vóór dat er een SSL-certificaat op geïnstalleerd kon worden. Nu kunnen vertrouwelijke gegevens via een beveiligde verbinding (https://) versleuteld worden verzonden.

Startseite mijn berlijn

Ten slotte mijn twee “zandbakken”. Hier probeer ik nieuwe ideeën en durf ik technische uitdagingen aan.
De website mijn berlijn is vooral een voorbeeld voor een ontwerp, maar langzaam vul ik hem ook met wat inhoud.

Gekriggel & Gekrabbel is na de verhuizing ook weer online. Het enige audiobestand wat ik ooit gebruikt heb zit op deze website.