Opco EP

Contexte et Enjeux

En collaboration avec l’agence EPOKA et le groupe Mantu, nous avons été missionnés pour développer un site one-page animé, composé d’une douzaine de sections.
Le branding et les maquettes, réalisés par EPOKA, avaient pour objectif de créer une lecture dynamique et engageante. Notre rôle : développer l’ensemble sur Webflow, assurer les animations avancées et garantir une expérience fluide.

Les enjeux principaux :
• transformer un rapport institutionnel en expérience digitale immersive,
• créer des micro-interactions et animations au scroll pour rythmer la lecture,
• restituer fidèlement les maquettes tout en optimisant la performance,
• gérer une forte densité de données chiffrées de manière lisible et attractive.

Notre Approche

1. Analyse & Cadrage Technique
Nous avons analysé les maquettes fournies, défini les animations attendues et structuré la timeline de scroll. Un benchmark des meilleurs “annual reports” animés nous a guidés pour calibrer l’expérience globale.

2. Intégration Webflow
Nous avons construit le site en Client-First afin d’assurer :
• une base solide et pixel-perfect,
• une navigation fluide entre les sections,
• une intégration propre des visuels et contenus,
• une gestion responsive optimisée.

Webflow a servi de socle pour la mise en page, les transitions et l’organisation du contenu.

‍3. Animations GSAP & ScrollTrigger
Le cœur du projet résidait dans les animations. Nous avons développé :
• transitions progressives entre sections,
• animations de chiffres clés et contenus éditoriaux,
• effets de reveal, parallax et mouvements synchronisés au scroll,
• animations SVG sur mesure,
pour créer une lecture rythmée, fidèle à l’intention créative d’EPOKA.

Résultats

Le mini-site final offre une expérience interactive et narrative, mettant en valeur les missions d’Opco EP et ses chiffres clés : plus de 615 000 salariés accompagnés en 2024, dont 196 000 en alternance.

Le rendu final :
• dynamise la lecture d’un contenu institutionnel,
• valorise l’impact national d’Opco EP,
• reflète une image moderne et structurée,
• illustre la capacité de Techflow à réaliser des sites Webflow animés premium grâce à GSAP et aux micro-interactions avancées.