MOCEAN
WordPress Development / 3D Hero / Scroll Animations / Multilingual
MOCEAN is a transformation consultancy that treats change as a lasting capability rather than a one-off project. The website follows that idea: a dark, editorial layout, an iridescent 3D object floating above the headline and content that unfolds calmly as you scroll.
I developed the site on WordPress with a custom Oxygen build. The hero object is rendered with three.js, section reveals and capability stacks are animated with GSAP and ScrollTrigger, Lenis adds smooth scrolling and Splide powers the case-study sliders. The site is available in German and English via TranslatePress and uses privacy-friendly, cookie-free analytics.
MOCEAN is a transformation consultancy that treats change as a lasting capability rather than a one-off project. The website follows that idea: a dark, editorial layout, an iridescent 3D object floating above the headline and content that unfolds calmly as you scroll.
I developed the site on WordPress with a custom Oxygen build. The hero object is rendered with three.js, section reveals and capability stacks are animated with GSAP and ScrollTrigger, Lenis adds smooth scrolling and Splide powers the case-study sliders. The site is available in German and English via TranslatePress and uses privacy-friendly, cookie-free analytics.
Development, Interactions & Animations:
Andreas Mourão dos Santos
Concept & Design:
mamapapacola
Stack:
WordPress · Oxygen · GSAP · ScrollTrigger · Lenis · three.js · Splide · TranslatePress
Andreas Mourão dos Santos
Concept & Design:
mamapapacola
Stack:
WordPress · Oxygen · GSAP · ScrollTrigger · Lenis · three.js · Splide · TranslatePress
View live project
