MK Vision Studio
De digitale studio als eigen speelveld voor design, development en motion.
Klant MK Vision Studio
Jaar 2026
Opgeleverd Design, Development
Website https://mkvision.nl
De uitdaging
De eigen studiosite moest laten zien wat we maken én hoe we werken. Dat betekende geen showcase met losse plaatjes, maar een site waarin het vakmanschap in de details zit: typografie die klopt, overgangen die ergens vandaan komen en een laadtijd die niet in de weg zit. Onder de motorkap draait een eigen CMS in PHP, zodat elke tekst, elk beeld en elke projectvolgorde aanpasbaar is zonder dat er een regel code aan te pas komt.
De eigen studiosite moest laten zien wat we maken én hoe we werken. Dat betekende geen showcase met losse plaatjes, maar een site waarin het vakmanschap in de details zit: typografie die klopt, overgangen die ergens vandaan komen en een laadtijd die niet in de weg zit. Onder de motorkap draait een eigen CMS in PHP, zodat elke tekst, elk beeld en elke projectvolgorde aanpasbaar is zonder dat er een regel code aan te pas komt.
De animatielaag is met GSAP en ScrollTrigger gebouwd en ondersteunt de inhoud in plaats van hem te overstemmen: tekst komt binnen op het moment dat je hem gaat lezen, beeld reageert op de scrollrichting en niets beweegt zonder reden. Wie liever geen beweging ziet, krijgt via prefers-reduced-animatie gewoon de rustige versie. Het CMS beheert daarnaast paginakleuren, cache en beeldoptimalisatie, waardoor de site snel blijft terwijl de inhoud groeit.
Onze aanpak
De motionlaag is met GSAP en ScrollTrigger gebouwd en ondersteunt de inhoud in plaats van hem te overstemmen: tekst komt binnen op het moment dat je hem gaat lezen, beeld reageert op de scrollrichting en niets beweegt zonder reden. Wie liever geen beweging ziet, krijgt via prefers-reduced-motion gewoon de rustige versie. Het CMS beheert daarnaast paginakleuren, cache en beeldoptimalisatie, waardoor de site snel blijft terwijl de inhoud groeit.
Een eigen CMS en een animatielaag die de inhoud ondersteunt in plaats van overneemt. De animatielaag is met GSAP en ScrollTrigger gebouwd en ondersteunt de inhoud in plaats van hem te overstemmen: tekst komt binnen op het moment dat je hem gaat lezen, beeld reageert op de scrollrichting en niets beweegt zonder reden. Wie liever geen beweging ziet, krijgt via prefers-reduced-animatie gewoon de rustige versie. Het CMS beheert daarnaast paginakleuren, cache en beeldoptimalisatie, waardoor de site snel blijft terwijl de inhoud groeit.
Voor MK Vision Studio hebben we ontwerp en techniek vanaf het begin als één geheel aangepakt. Daardoor blijft de ervaring rustig, herkenbaar en logisch op ieder scherm.
Ontwerp & techniek
De motionlaag is met GSAP en ScrollTrigger gebouwd en ondersteunt de inhoud in plaats van hem te overstemmen: tekst komt binnen op het moment dat je hem gaat lezen, beeld reageert op de scrollrichting en niets beweegt zonder reden. Wie liever geen beweging ziet, krijgt via prefers-reduced-motion gewoon de rustige versie. Het CMS beheert daarnaast paginakleuren, cache en beeldoptimalisatie, waardoor de site snel blijft terwijl de inhoud groeit.
Een eigen CMS en een animatielaag die de inhoud ondersteunt in plaats van overneemt. De animatielaag is met GSAP en ScrollTrigger gebouwd en ondersteunt de inhoud in plaats van hem te overstemmen: tekst komt binnen op het moment dat je hem gaat lezen, beeld reageert op de scrollrichting en niets beweegt zonder reden. Wie liever geen beweging ziet, krijgt via prefers-reduced-animatie gewoon de rustige versie. Het CMS beheert daarnaast paginakleuren, cache en beeldoptimalisatie, waardoor de site snel blijft terwijl de inhoud groeit.
Resultaten
Onze ervaring & resultaten
De website is responsive opgebouwd en legt de nadruk op duidelijke informatie, snelle interactie en een beheerbare technische basis.
Het resultaat past bij MK Vision Studio: de digitale studio als eigen speelveld voor ontwerp, ontwikkeling en animatie.
