Réponses de Dylan Brouwer, concepteur et développeur numérique.
Arrière-plan: Hildén & Kaira est une agence de contenu social basée à Helsinki, connue pour son contenu authentique et axé sur la performance. Son site précédent avait un fort attrait créatif et avait même obtenu le titre de Site du jour sur Awwwards, mais la marque avait dépassé sa propre perception. Même si le travail de l’agence séduit de plus en plus les responsables marketing et les décideurs de niveau C, l’identité visuelle trouve toujours un écho plus fort auprès d’un public créatif. L’objectif n’était pas simplement de rendre la marque plus professionnelle mais de la rendre plus convaincante et mature, sans perdre le caractère humain et authentique qui définit le travail d’Hildén & Kaira.
Noyau de conception : L’identité visuelle a été développée par Jasper Wichers Schreur du Studio Debuut. L’identité combine un logo organique, un style typographique éditorial et un système de matériaux et de couleurs distinctif. L’écrit à la main h et k fusionnent dans une esperluette abstraite, introduisant l’humanité et le caractère dans la marque. La typographie ajoute de la confiance et de l’autorité, aidant la marque à communiquer plus efficacement avec un public senior sans devenir distante ou corporative.
L’un des éléments les plus distinctifs est la combinaison du chrome et du jaune. Le chrome représente la résilience et la performance sous pression, tandis que le jaune introduit l’énergie et la connexion humaine. Ensemble, ils créent une tension délibérée qui comble le fossé entre autorité et authenticité.
La fonctionnalité remarquable du site est un curseur d’étude de cas qui extrait les données de performance des clients en direct : vues organiques, likes et les trois vidéos les plus performantes pour chaque client, mises à jour quotidiennement. Construit grâce à une automatisation sans code par Stefan de Quikcode à l’aide d’Airtable et Make, il transforme un portefeuille statique en une preuve vivante de performance. La preuve ne fait pas seulement partie du message mais aussi de l’expérience.
Défis : Le principal défi consistait à identifier et à résoudre les tensions au cœur de la marque. Le succès d’Hildén & Kaira repose sur l’authenticité : de vraies personnes, de vraies histoires et un contenu qui semble authentique plutôt que fabriqué. Parallèlement, l’agence s’adresse de plus en plus à des publics en quête de crédibilité, d’expertise et de résultats prouvés. Le défi n’était pas de choisir entre authenticité et autorité mais de les réunir.
Chaque décision de conception a été prise en gardant cet équilibre à l’esprit. Le mouvement a également joué un rôle clé. Le site précédent avait de fortes animations, mais les interactions allaient à l’encontre de l’expérience plutôt que de la soutenir. Cette fois, le mouvement est resté intentionnel et restreint, améliorant le contenu sans le concurrencer.
Structure de navigation : Nous avons gardé la navigation minimale et directe, reflétant le ton général de la marque. La priorité était d’amener les visiteurs à l’œuvre et aux résultats le plus rapidement possible. Pour une agence axée sur la performance, les études de cas devaient être au premier plan, soutenues par des chemins de contact clairs. Pas de couches inutiles, juste une structure propre et confiante qui laisse le contenu parler.
Technologie: Le site a été conçu avec Figma et construit avec Webflow. Les animations et les interactions ont été gérées avec GSAP et ScrollTrigger, avec un code personnalisé géré via Slater. Des ressources d’interaction supplémentaires ont été utilisées par Osmo Supply. L’intégration des données de performances en direct a été construite à l’aide d’Airtable et Make, connectés aux plateformes sociales du client et mettant à jour automatiquement le contenu de l’étude de cas quotidiennement. Cette configuration permet à Hildén & Kaira de maintenir leur portefeuille à jour sans aucune mise à jour manuelle.
Parcourir les projets
Cliquez sur une image pour voir plus de chaque projet
Credit Post By: