Hestia-2008
Cabinet d'investissement financiers et conseils
2025
« Développer un site en mouvement, fidèle à l'identité audacieuse d’Hestia-2008. »
Client
L’agence "Les Têtes d’Ampoules".
Contexte
L’identité visuelle d’Hestia-2008 a été imaginée par l’agence Les Têtes d’Ampoules comme une réponse audacieuse aux codes figés du monde financier. Une direction artistique assumée, qui dépoussière les usages de la finance pour affirmer une expertise accessible, élégante et humaine.
Objectif
Concevoir un site one page en mouvement et fidèle à l’identité d’Hestia-2008. Une interface contemporaine, à la hauteur de cette vision renouvelée de la finance.
Services
Credits
Branding : Les Têtes d'Ampoule (LTDA)
↘
1. Web Design
La grille, le losange et le S du logo, la palette de couleurs, les éléments typographiques de la Safiro et les textes surlignés ont été combinés pour construire une interface cohérente avec l’identité définie par l’agence Les Têtes d’Ampoule. L’objectif était de traduire ces choix graphiques dans un environnement digital.
La Déesse Hestia
Pour prolonger l’identité déjà établie par l'agence LTDA, une illustration de la déesse Hestia a été créée exclusivement pour le site web. Elle renforce le lien symbolique avec le nom du cabinet tout en enrichissant l’univers visuel du site. Cette statue apporte également une dimension narrative supplémentaire.
Micro-animations
Des éléments issus de la typographie Safiro ont été animés puis intégrés aux titres de section afin de mettre en avant deux valeurs clés d’Hestia : l’action et la maîtrise. Conçues pour fonctionner en boucle, ces animations apportent du rythme et renforcent l’idée d’un accompagnement en mouvement. Elles ont été réalisées dans After Effects et exportées au format Lottie via le plugin Bodymovin.
↘
2. Website
Le site est bilingue et développé sur Webflow. Le framework MAST a été utilisé pour la mise en place de la grille de la maquette, sa légèreté en fait également un choix pertinent pour un site one-page.
L'animation de chargement
L’animation du logo a été préparée sur After Effects puis exportée en Lottie via le plugin Bodymovin. Le reste de l’animation de chargement a été réalisé directement dans Webflow.
Masques Animés
L’animation du fond de la déesse Hestia a été découpée en une grille 10×10. Chaque cellule est masquée individuellement et contient la même image de fond (décalé selon la position de la cellule). L’animation native de Webflow sur les masques est appliqué sur la classe, ce qui a pour effet d’animer tous les masques simultanément.
Le suivie des flèches
La rotation des flèches est calculée en fonction de la position du curseur dans la section Contact. L’animation est réalisée avec GSAP.
Home
Retour à la page d’accueil.
↖
Studio Alphonse
Branding
|
Design
|
Website
Next Project
→
Next Project
Tigres de Garges
Studio de production et de post-production basée à La Réunion
Branding
|
Textile Sport Design
|
Social Media Assets
→