Oog voor Web

Oog voor Web

Voor Oog voor Web heb ik diverse illustratiewerkzaamheden uitgevoerd. Zo heb ik een illustratieset gemaakt ter ondersteuning van de content, maar ook een character, storyboard en illustraties ontworpen voor een uitleganimatie. De laatstgenoemde illustraties zijn ook animatieklaar gemaakt, zodat ze meteen konden worden ingezet.

Ondernemers helpen met hun eigen professionele website

Oog voor Web was een website die ondernemers aanbood eenvoudig een website te maken, zonder dat zij er zelf heel veel tijd in hoeven te stoppen. Een eigen plekje op het web terwijl hun eigen focus kan blijven bij hun onderneming, compleet met domeinnaam en hosting.

Illustraties

De vraag

Oog voor Web gaf mij twee verschillende illustratieopdrachten. Enerzijds wilden zij graag een illustratieset om de content op hun website te ondersteunen. Daarnaast moest er een storyboard komen mét uitgewerkte illustraties, gebruikt zouden worden voor een uitleganimatie. De laatstgenoemde illustraties moesten dan ook animatieklaar worden opgeleverd.

Illustratieset voor
op de website

De belangrijkste
onderzoeks-
resultaten

Character design voor een uitleganimatie

Oog voor Web moest worden vertegenwoordigd door een character voor o.a. in een animatie. Ik wilde hem iets karakteristieks meegeven, dus hij heeft een snorretje gekregen. Een klein detail met grote waarde; hiermee is het poppetje eenvoudig te herkennen. Ik heb gekozen voor een eenvoudige, goed animeerbare stijl; de illustraties voor de uitlegvideo zijn volledig opgebouwd in layers.

Character design voor
uitleganimatie

Oog voor Web moest worden vertegenwoordigd door een character voor o.a. in een animatie. Ik wilde hem iets karakteristieks meegeven, dus hij heeft een snorretje gekregen. Een klein detail met grote waarde; hiermee is het poppetje eenvoudig te herkennen. Ik heb gekozen voor een eenvoudige, goed animeerbare stijl; de illustraties voor de uitlegvideo zijn volledig opgebouwd in layers.

Storyboard voor uitleganimatie

Storyboard voor uitleganimatie

Aan de hand van een script dat ik verkreeg van de opdrachtgever, heb ik een storyboard gemaakt. In het script stond enkel beschreven hoe Oog voor Web werkt, de storytelling van de animatie heb ik vervolgens uitgedacht.
De schets hiernaast heb ik vervolgens uitgewerkt in scènes, hapklaar gemaakt voor de animatoren om ermee aan de slag te kunnen. Die scénes vind je hieronder!

SCENE 1

Ondernemer zoekt een manier om zijn bedrijf zichtbaar te maken op het internet.

SCENE 2

Hij denkt heel hard na hoe hij dat nou zou
moeten aanpakken...

Hij denkt heel hard na hoe hij dat nou zou moeten aanpakken...

SCENE 3

Hij heeft een idee! Een Oog voor Web gloeilamp verchijnt en licht de donkere ruimte op.

SCENE 4

De ondernemer valt en komt bij 

Oog voor Web terecht. 

SCENE 5

Hij landt op een grote 'Dit Wil Ik!' knop.

SCENE 6

Bij indrukken van de knop komt de URL van zijn bedrijf tevoorschijn.

SCENE 7

Er wordt ingezoomd en twee pijlen verschijnen.

SCENE 8

De ondernemer drukt een pijl in en verandert in
een bakker...

De ondernemer drukt een pijl in en verandert in een bakker...

De ondernemer drukt een pijl in en verandert in een bakker...

SCENE 9

... in een bouwvakker ...

SCENE 10

... en een hovenier! Want Oog voor Web is voor
alle ondernemers.

... en een hovenier! Want Oog voor Web is voor alle ondernemers.

SCENE 11

Hij loopt en komt bij een kleurenkiezer. Hier kiest hij de kleuren van zijn website.

SCENE 12

Hij loopt verder en ziet verschillende fonts waar hij uit kan kiezen.

SCENE 13

Hij heeft er een gevonden die hij mooi vindt voor zijn website en drukt op de knop.

SCENE 14

Oog voor Web maakt zijn website klaar op basis
van zijn stijlkeuzes.

Oog voor Web maakt zijn website klaar
op basis van zijn stijlkeuzes.

SCENE 15

Er komt een OVW-telefoon in beeld met de
website erop getoond...

Er komt een OVW-telefoon in beeld met
de website erop getoond...

SCENE 16

… Die telefoon transformeert in een tablet …

… Die telefoon transformeert in
een tablet …

SCENE 17

… En uiteindelijk ook in een laptop. Want de websites van Oog voor Web zijn responsive.

SCENE 18

Er wordt ingezoomd op het scherm: de ondernemer bekijkt zijn website eens van dichtbij.

SCENE 19

Hij zet zijn eigen content erin door op het scherm te tikken.

SCENE 20

Vervolgens loopt hij verder en komt een grote rode knop tegen.

SCENE 21

Als hij erop drukt verandert de knop in een Oog voor Web knop.

SCENE 22

De knop heeft een raketlancering in gang gezet!
In de raket zit de website (=website launch).

De knop heeft een raketlancering in gang gezet! In de raket zit de website (=website launch).

SCENE 23

De raket vliegt door de lucht naar het Wereld Wijde Web.

SCENE 24

De ondernemer is weer terug op het internet en vindt dit keer zijn eigen website!

SCENE 25

Er wordt nog 1 keer uitgezoomd: er zijn nog veel meer OVW-websites op het web.

Benieuwd naar meer?
Bekijk ook mijn andere cases

Let's go →

© Copyright 2025