B’WISE
Voor B’WISE bouwde ik de website vanuit Figma, maakte ik de tekstanimaties met GSAP en ontwikkelde ik de succesverhalen-slider als eigen plugin.
WORDPRESS / ELEMENTOR / MAATWERK
02 / Het project
Dit heb ik gebouwd.
B’WISE helpt startups groeien. Op de website vinden ondernemers informatie over de ondersteuning, programma’s en het netwerk.
Ik bouwde de website vanuit het aangeleverde Figma-ontwerp. Naast de pagina’s in Elementor werkte ik aan de mobiele weergave. De tekstanimaties maakte ik met GSAP en de succesverhalen-slider bouwde ik als eigen WordPress-plugin.
MIJN ROL
CONTEXT
UITWERKING
Frontend & WordPress development
Aangeleverd Figma-ontwerp
WordPress · Elementor · CSS · JavaScript · GSAP · PHP
03 / De website in beeld
Bekijk de website.
In deze korte opname zie je de pagina’s die ik heb gebouwd, inclusief de animaties tijdens het scrollen.
04 / Details & opbouw
Ook op mobiel.
Ik paste de indeling, tekstgroottes en tussenruimtes aan voor kleinere schermen. Zo blijven de pagina’s ook op een telefoon goed leesbaar.
05 / Mijn uitwerking
Hoe ik het heb gebouwd.
01 / WordPress & Elementor
Ik bouwde de pagina’s op in Elementor, zodat de inhoud binnen WordPress te beheren is.
02 / HTML & CSS
Ik werkte de kolommen, tekstgroottes en afstanden uit voor desktop, tablet en mobiel.
03 / Tekstanimaties met GSAP
De tekstanimaties op de website heb ik met GSAP gemaakt. Dat is een van de onderdelen waarin ik het ontwerp met JavaScript tot leven heb gebracht.
04 / Eigen WordPress-plugin
De slider met succesverhalen heb ik als eigen WordPress-plugin gebouwd. Zo kon ik dit onderdeel zelf uitwerken binnen de website.
06 / Het resultaat
Van ontwerp tot website.
In deze website komt veel van mijn werk samen: een Figma-ontwerp vertalen naar WordPress, de pagina’s passend maken voor mobiel, tekst laten bewegen met GSAP en een eigen plugin bouwen voor de succesverhalen.
FIGMA → WORDPRESS → MAATWERK → LIVE
