Hoe zet M7 scroll-animaties in bij het bouwen van een nieuwe website om bezoekers door de pagina te laten bewegen?

Hoe bedenkt M7 het concept voor een scroll-animatie?

"We bedenken een cool concept, en maken daarna de animatie / video zelf."

Die werkwijze sluit aan bij hoe M7 in al zijn diensten te werk gaat: maatwerk per opdracht, met zo min mogelijk aannames en zo veel mogelijk testen om tot een goed resultaat te komen.1Uit how you workIn al onze diensten is onze aanpak een maatwerk aanpak. Ons werkproces

Hoe maakt M7 de animatie of video zelf?

Na het bedenken van het concept maakt M7 de animatie of video in eigen beheer. Voor animaties en 3D-renders zet M7 daarbij ChatGPT in combinatie met Flow in.2Uit figures & sourcesWelke specifieke AI-tools (bijvoorbeeld voor beeldgeneratie, front-end code of QA-checks) M7 gebruikt, staat niet in het bronmateriaal.

Wat gebeurt er met de animatie nadat die klaar is?

Zodra de animatie of video af is, zet M7 die om in een Lottie-bestand: een animatie in JSON-formaat.

Hoe koppelt M7 de animatie aan het scrollen van de bezoeker?

M7 implementeert het Lottie-bestand op de pagina, en koppelt het eventueel aan de scrollpositie van de bezoeker, zodat de animatie meebeweegt terwijl iemand door de pagina scrolt. Die scroll-koppeling is een optie, geen vast onderdeel van elke animatie: of hij wordt toegepast, hangt af van het concept.3Uit figures & sourcesDit hebben we als next level branding / overtuigings asset gemaakt voo

Dit soort animatiewerk valt onder de Web Design & Development-trajecten die M7 bouwt, van ontwerp tot techniek. Meer over de AI-tools die M7 daarbij in het ontwerpproces gebruikt, staat in hoe M7 AI-tools gebruikt binnen het UI/UX ontwerpproces.4Uit what you sellWeb Design & DevelopmentOpent de pagina waar dit vandaan komt