👋 Ik ben Bob Harterink

Front-End Developer with full-stack experience

Mail LinkedIn GitHub
Studio Harterink

Studio Harterink

HTML CSS JS THREE R3F

Context

Studio Harterink ontstond vanuit een reeks modulaire vazen die ik zelf heb ontworpen en gemaakt. De vazen worden fysiek stuk voor stuk opgebouwd. Diezelfde ervaring wilde ik vertalen naar een digitale omgeving. Het doel van de website was niet enkel het tonen van producten, maar het nabootsen van het fysieke assemblageproces in een interactieve webervaring.

Concept & interactie

Tijdens het scrollen wordt de vaas digitaal opgebouwd. Elk onderdeel verschijnt sequentieel, waardoor de gebruiker het gevoel krijgt het object zelf samen te stellen. Scrollen wordt zo een essentieel onderdeel van de beleving, niet enkel een navigatie-actie. Dit principe heb ik verder doorgetrokken in meerdere iteraties van de site, waarbij de interactie en visuele verfijning telkens zijn uitgebreid.

Technische uitwerking

Opzetten van een custom scroll-gedreven interactie Integratie van 3D-objecten met Three.js Performance-bewuste rendering van 3D content in de browser Volledig custom frontend zonder frameworks Focus op responsive gedrag en vloeiende animaties

Iteraties

Eerste versie: basisconcept van scroll-gedreven assemblage 👉 https://studioharterinkold.netlify.app/ Uitgebreide versie: meer detail, verfijnde animaties en extra objecten 👉 https://studioharterinkv2.netlify.app/ Productuitbreiding: toepassing van hetzelfde principe op lampen

Waarom dit project?

Dit project laat zien hoe ik: abstracte concepten vertaal naar concrete interacties design en techniek combineer in één geheel verder denk dan een standaard “productpagina” StudioHarterink vormt de basis van mijn interesse in interactieve frontend development, waar beleving, techniek en visuele helderheid samenkomen.

Fizzi

Fizzi

NEXT.JS JS GSAP THREE R3F PRISMIC CMS

Context

Fizzi is een experimentele maar professioneel opgebouwde website waarin ik onderzocht hoe interactieve frontend kan samengaan met dynamische content vanuit een CMS. Het uitgangspunt was om een visueel rijke website te bouwen die niet hard-gecodeerd is, maar waarbij content eenvoudig aangepast kan worden door de gebruiker.

FridgePick

FridgePick

NEXT.JS MONGO DB GOOGLE OAUTH API ROUTES GSAP

Context

Veel mensen weten niet wat ze moeten koken met de ingrediënten die nog in hun koelkast liggen. Fridgepick is een webapp die ingrediënten koppelt aan passende recepten.

Dirk Nielandt

Dirk Nielandt

HTML CSS JS CRAFT CMS

Context

Dirk Nielandt is een kinderboekenschrijver die zijn werk online zichtbaar wilde maken. Naast een overzicht van zijn boeken was er behoefte aan betere vindbaarheid, duidelijke informatie per boek en een laagdrempelig contactpunt. Het doel was een eenvoudige, onderhoudbare website die zelfstandig beheerd kan worden door de auteur.