PPREP.co

Iedereen maakt websites, daarom ben je hier. Je bent op zoek naar iets spannends en nieuws voor jouw webproducten. Wij zijn je graag van dienst.

PPREP.co // True Frontend

Welkom

Hello
world

Het web is absurd, alles is mogelijk, maar kun je dan ook een gekke fantasiewereld bouwen met als uitgangspunt ons mooie vak: frontend webdevelopment?… Tuurlijk! Want alles is mogelijk! Je moet het kunnen creëren en kunnen inbeelden, en dan een lange tijd flink op een keyboard rammen. Zie deze site als een proof of concept van internet als jungle, als absurditeit of rariteitenkabinet, waar je veel lol kunt beleven en verhalen kan lezen. Als alles mogelijk is, zullen we dan alsjeblieft alleen maar absurde dingen maken? Gewone dingen zijn immers ook maar zo saai, toch?

De wereld moest leven maar ook functioneel zijn. Gedachtes staan bij een hoofd, communicatie bij een satelliet, code wordt door het team geshipped, en ondertussen kolkt/pruttelt/werkt de wereld van PPREP aan projecten. Eigenlijk precies zoals het er in ons brein aan toegaat. Waarom dit er zo uitziet vertelt Robin straks, PPREP stond voor de taak om dit ook nog loeistrak op het scherm te krijgen.

Als alles mogelijk is, zullen we dan alsjeblieft alleen maar absurde dingen maken?
Paul Beukelman, Frontend developer - PPREP.co

De techniek

SVG is the name of the game, scalable vector graphics, illustraties die je eindeloos kunt vergroten en verkleinen, zonder scherpte te verliezen. De wereld van PPREP vliegt van je scherm af! We vragen het maximale van jouw pc / laptop als je de site bezoekt. Maar wees gerust we minen geen crypto, jouw gpu gebruiken we voor iets anders: De geoptimaliseerde tekening bestaat uit 27.000+ ankerpunten, en met de animatie en beweging van het scherm moet de browser dit telkens opnieuw tekenen, wat een feest! Dit kan zelfs lijden tot wat schokjes hier en daar in de animatie, met name bij schermen met een hoge DPI. Sorry daarvoor, maar we hebben besloten om daar ‘ok’ mee te zijn. Dit was/is een prachtig project om de randen van SVG te verkennen! So knowledge, Much code stuff, very wow.

Ok, leuk die techniek, maar wie bedenkt die sickass stijl dan? Robin Bonk is zijn naam, we stopten er wat inspiratie in en er rolde iets ongelooflijks tofs uit.

 

Robin Bonk over dit project

Een wereld creëren voor het vak frontend development, dat was het uitgangspunt. Maar daarvoor moet ook ik als illustrator, het vak enigszins begrijpen. Voor mij was programmeren altijd bizarre code waar ik geen enkel stukje kaas van had gegeten. Gelukkig veranderde dit al snel doordat Paul zijn vak zo goed kent dat hij een leek als mij het duidelijk kan maken.

Vervolgens konden we ideeën opgooien. Even sparren werd een wekelijkse behoefte. Belangrijke termen: symboliek, techniek, geometrisch, natuurlijk maar toch grafisch. We kwamen op het idee van een absurde technische wereld, die op een complexe manier met elkaar in contact staat.

De wereld krijgt voor elk onderwerp van de website een eigen functie en symbolische verbeelding die op zijn eigen unieke wijze wordt verbonden naar het volgende onderwerp. Het idee was complex, maar hij was er. Nice! Oké hoe gaan we dit vormgeven? Voor Paul en voormalig mede-eigenaar Evert-Jan maakte ik al eerder portretten om hun dynamische samenwerking vast te leggen. Daarom werden de portretten gebaseerd op hun tegenovergestelde persoonlijkheden. Het portret van Paul is gebaseerd op de door het enneagram genoemde persoonlijkheidstype: De Waarnemer.

Hier kwam het van steen uitziende hoofd uit voort. Dit werd qua vormgeving de stijl voor de wereld en kreeg het portret daarom ook een rol te spelen in het ontwerp. Toen de wereld compleet geïllustreerd was kon ik het stokje doorgeven aan Paul, die zijn hoofd ging buigen over de beweging van de wereld.

Door de bijzondere samenwerking van creativiteit en techniek kwam er een resultaat uit waar we allebei nog steeds versteld van staan. Een bewegende web-illustratie die compleet gestuurd wordt door code.
Robin Bonk, Freelance illustrator - Bonk artwork

Tot slot

We hopen dat je het een tof resultaat vindt en als je geïnspireerd bent door de site of eens wilt sparren over andere plannen. Stuur ons dan een bericht, het is altijd mooi om eens van gedachten te wisselen.

Vraag of het nog steeds goed met ons gaat:
Bonkartwork.com PPREP.co