Made by Balthazar · werkboek

Wat er kan met een website, en wanneer het slim is.

Op YouTube staat alles vol met sites die bewegen. Hieronder staan veertien van die technieken, niet als filmpje maar werkend. Probeer ze. Bij elk stuk staat waar het goed voor is en waar het in de weg zit, want de helft van deze dingen hoort niet op elke site.

Veertien hoofdstukken, in volgorde

Hoofdstuk 01

De film hangt aan je wiel

beeld 00% · jij bepaalt het tempo

Wat het is
Echte film die niet speelt maar meedraait met je hand. Scroll je trager, dan gaat de camera trager. Stop je, dan staat het beeld stil op dat frame.
Wanneer
Voor het ene moment dat mensen moeten onthouden: een gerecht, een gevel, een machine, een ruimte. Eén keer per site. Twee is al te veel, dan is het geen verrassing meer.

Hoofdstuk 02

Het kader blijft staan, het verhaal loopt door

Je klant staat op de stoep en zoekt je openingsuren.

Hij vindt ze niet, dus belt hij. Jij staat in de keuken.

Of hij vindt ze wel, en komt gewoon binnen.

Wat het is
Het beeld staat vast terwijl de zinnen elkaar afwisselen. De goedkoopste manier om iets te laten landen, want er is niets anders te zien.
Wanneer
Als je iets moet uitleggen dat uit meer dan één zin bestaat. Niet gebruiken voor een opsomming van diensten: daar wil de lezer overzicht, geen tempo.

Hoofdstuk 03

Naar beneden scrollen, opzij bewegen

Werk voor een padelclub
padelclub · boekingssite
Werk voor Kinora
kinora · merkpagina
Werk voor Primalux
primalux · webshop
Een werkplek met schermen
atelier · in aanbouw
Een ruimte met verpakkingen
commerce · in aanbouw
Wat het is
Je scrollt naar beneden en de rij schuift opzij. Zijwaarts leest als aanbod, verticaal leest als betoog.
Wanneer
Voor een reeks gelijkwaardige dingen: gerechten, kamers, projecten, modellen. Niet voor een rangschikking, want mensen lezen het eerste niet als het belangrijkste.

Hoofdstuk 04

Het ene beeld eet het andere op

De afgewerkte gevel bij avond De eerste schets van diezelfde gevel
Wat het is
Geen vervaging maar een snede: het bovenste beeld wordt weggeveegd. Dat leest als iets dat verandert, niet als iets dat verschijnt.
Wanneer
Voor plan tegenover resultaat, oud tegenover nieuw, leeg tegenover vol. Groot gebruiken over een volledig beeld. Op een klein blokje is het een tic.

Hoofdstuk 05

De zin zet zichzelf

Woord na woord komt onder de rand vandaan, en tegen dat je klaar bent met lezen staat het er.

Wat het is
De kop wordt in stukken gesplitst en schuift van onder een masker omhoog. Per regel of per woord, nooit per letter: dan wordt lezen wachten.
Wanneer
Eén keer per pagina, op de zin die telt. Als elke kop dit doet, valt het weg en wordt het traag.

Hoofdstuk 06

Lagen die niet even snel gaan

Een filmopstelling in een studio

De achtergrond schuift trager dan de foto, en de foto trager dan dit kaartje. Meer is diepte niet: verschil in snelheid, plus minder scherpte achteraan.

Wat het is
Twee of drie lagen die met een ander tempo meeschuiven. Achteraan ook iets waziger en iets doffer, anders leest het als schuiven in plaats van diepte.
Wanneer
Subtiel of niet. Voorbij een paar centimeter beweging wordt het onrustig, en tekst hoort nooit op een bewegende laag.

Hoofdstuk 07

De pagina merkt dat je er bent

Een projectbeeld dat meekantelt met de muis

kantelen · beweeg erover

licht volgt je muis
Wat het is
Kantelen, een licht dat je muis volgt, een knop die naar je toe komt. Alles loopt met vertraging naar je toe, want rechtstreeks volgen voelt mechanisch.
Wanneer
Op een computer. Op een telefoon bestaat dit niet en dat is prima. De magneet enkel op de hoofdknop: een pagina vol bewegende dingen is niet te gebruiken.

Hoofdstuk 08

Sleep de grens en zie het verschil

De schets Het resultaat schets resultaat
Wat het is
Twee beelden over elkaar, met een grens die jij versleept. Werkt met de muis, met de vinger en met de pijltjestoetsen.
Wanneer
Renovatie, tuinaanleg, tandarts, poetsbedrijf, restauratie. Overal waar het verschil het verkoopargument is. De twee foto's moeten wel exact hetzelfde standpunt hebben.

Hoofdstuk 09

Iets dat zichzelf bouwt terwijl je zakt

stap · raster

Wat het is
Een tekening die in stappen verschijnt, gestuurd door hoe ver je gescrold bent. Geen video, gewoon vectoren, dus scherp op elk scherm en licht om te laden.
Wanneer
Bouw, immo, installatie, montage, alles met een volgorde. Ook sterk om een werkwijze uit te leggen zonder er een filmpje voor te moeten maken.

Hoofdstuk 10

De pagina weet hoe laat het is

Een moment

de klok wordt van je eigen toestel gelezen

Wat het is
De site leest de klok en zegt of je nu open bent, hoe lang nog, of wanneer je morgen opent. Hier staan de uren van een verzonnen zaak, dinsdag tot zondag.
Wanneer
Horeca, kapper, praktijk, garage. Het scheelt telefoons. Kan ook met echte voorraad of met een agenda gekoppeld worden, maar dan komt er een systeem achter.

Hoofdstuk 11

Cijfers die oplopen als je ze bereikt

0technieken op deze pagina
0talen op madebybalthazar.com
0bestand dat deze pagina laadt
Wat het is
Een getal dat naar zijn eindwaarde loopt zodra het in beeld komt. De cijfers hierboven zijn waar en na te tellen, en dat is de hele voorwaarde.
Wanneer
Alleen met echte cijfers. Verzonnen precisie (94%, 4,8 sterren, 12.000 klanten) is het snelste manier om ongeloofwaardig te worden. Geen cijfer, geen teller.

Hoofdstuk 12

Vragen die om beurt komen, geen formulier vol vakjes

Wat het is
Eén vraag per scherm, met knoppen in plaats van invulvakken. Op het einde staat er één briefje klaar dat naar mail of WhatsApp vertrekt.
Wanneer
Als een aanvraag anders te veel werk lijkt. Mensen vullen drie knoppen wel in en een formulier met acht velden niet. Dit staat ook op mijn eigen contactpagina.

Hoofdstuk 13

Een band die versnelt als jij scrollt

websites · webshops · promofilms · onderhoud · hosting · vertalingen · websites · webshops · promofilms · onderhoud · hosting · vertalingen ·
Wat het is
Een rij woorden die traag doorloopt en meeschiet met je scrollsnelheid. Stop je, dan zakt hij terug naar zijn eigen tempo.
Wanneer
Als sfeermaker tussen twee stukken, of om een aanbod op te sommen zonder er een lijst van te maken. Nooit met tekst die iemand echt moet lezen.

Hoofdstuk 14

Kiezen zonder de pagina opnieuw te laden

Padelclub
padelclub · reserveren
Primalux
primalux · webshop
Kinora
kinora · merkpagina
Filmopstelling
promofilm · bakkerij
Verpakkingen
commerce · in aanbouw
Storyboardkaarten
storyboard · bakkerij
Wat het is
Filteren dat onmiddellijk gebeurt, zonder wachten. Alles staat al in de pagina, er wordt enkel getoond en verborgen.
Wanneer
Vanaf een stuk of acht items. Daaronder is een filter meer werk voor de bezoeker dan gewoon kijken.

Hoofdstuk 15

Staat de techniek die jij zoekt er niet tussen?

Laat het zeker weten. Ik leg uit hoe het werkt, of het bij jouw zaak past en wat het meebrengt, en daarna zet ik het hier gewoon bij. Deze lijst is niet af, en dat is de bedoeling.

Stuur het door

Dit opent je eigen mailprogramma met de tekst er al in. Er wordt niets verstuurd zonder dat jij op verzenden duwt.

Waarom dit hoofdstuk
Er komt elke maand iets bij, en de helft van wat mensen willen hebben ze ergens anders gezien zonder de naam te kennen. Een omschrijving volstaat.
Wat je terugkrijgt
Een eerlijk antwoord, ook als dat "dat zou ik niet doen" is. Als het past, staat het hier de volgende keer dat je kijkt.