Badge Webflow Award Winner 2023
Portfolio

Développement d'un site web immersif avec Vidéo pour une l'agence Vidéo Heka

Suite à une refonte et un passage de Wix vers Webflow, Heka fait peau neuve avec un site web animé et immersif

Branding
Design
Développement
Site web agence Vidéo Heka par Digidop
Le process de collab avec Digidop a été super fluide. Chaque étape, de la conception à la mise en œuvre, a été marquée par un vrai suivi et des échanges productifs.

Guillaume Allaux

Co-fondateur Heka

Voir le site

Points clés du projet Heka

Refonte du site web Wix en Webflow pour un design personnalisé et animé afin de montrer l'expertise de l'agence vidéo

Stack Technique

Logo webflow bleu
GSAP, la référence de l’animation web
Logo vimeo SVG
Icon layout

Services

  • Conseil Stratégie Web
  • Ateliers Design Sprint
  • Sitemap
  • Wireframe UX
  • Webdesign UI
  • Développement Webflow
  • Développement d'animations
  • Conception CMS
  • Optimisations SEO
  • Intégration de vidéos via Vimeo
  • Migration nom de domaine Wix vers OVH

Le projet en images

Les sites évoluent. On capture donc ces photos pour que vous ayez un oeil sur le vrai rendu au moment de la mise en ligne.

Hero Header site web Heka Video
Menu ouvert site Heka video
Site web Heka Domaine d'activités
Valeurs mots-clés site web Heka
Collectif d'expert Vidéo Heka
Services vidéo agence Heka
No items found.
Voir le site

Contexte

  • Industrie : Communication
  • Pays : France
  • Type de société : Agence Vidéo
  • Outils utilisés : Figma, Webflow, Vimeo

Qui est Heka ?

Heka est une agence vidéo basée en région Toulousaine et qui réalise des vidéos en France et pays voisins. L'agence propose de nombreux services de tournage vidéo :

  • Présentation entreprise
  • Présentation produit
  • Storytelling
  • Interviexs
  • Spot TV
  • Réseaux sociaux
  • Motion Design
  • Aftermovie événement
  • etc.

Heka propose une expertise dans de nombreux domaines et réunis des passionnés et des experts pour réaliser des vidéos d'exception.

Enjeux du Projet

Heka vidéo avait un enjeu principal, il souhaitait : Un site à l’image de leurs prestations pour attirer de nouveaux clients.

  1. Site Immersif / Expérientielle (Gestion et intégration de leur vidéos) : L'ancien site de Heka sur Wix était trop statique. L'agence souhaitait que lorsqu'on navigue sur le site, on puisse se rendre compte de la qualité de leurs vidéos. Il était nécessaire de mettre en avant sur le site le fait que Heka est une agence créative.
  2. Mise en avant de leurs expertises : Heka possède de nombreuses expertises dans le domaine de la vidéo (écriture de script, pré-production, tournage, production, montage, etc.). Il était nécessaire de montrer l'expertise de Heka avec les services qu'ils proposent et les multiples entreprises avec lesquelles ils ont travaillé.
  3. Importance du collectif : Heka est une agence humaine, qui travaille un collectif de freelance pour proposer des vidéos d'une qualité toujours supérieur. Le site devait aussi pouvoir mettre en avant les personnes compétentes avec qui travaille Heka.
  4. Valeurs humaines, éthique, impact positif : Bien plus qu'une simple agence, Heka a des valeurs qui lui sont chères. Le groupe travaille avec de nombreuses entreprises qui ont un impact positif, éthique et social dans le monde (Teampact Venture, Le Fourgon, Alan, etc.). Il fallait aussi mettre en avant ce côté humain et social que possède Heka.
  5. Migration Wix vers Webflow

Stratégie et Solutions

  1. Rebranding : Dans le but de faire un site expérientiel, nous avons effectuer un travail pour retoucher un peu la charte graphique de Heka et la rendre plus moderne. Nous avons retravaillé le logo, rechercher des couleurs complémentaires et chercher des nouvelles typographies pour avoir un site unique à l'image de l'agence.
  2. Travail sur l'UI et la recherche d'animations : Il y a eu un gros travail sur Figma pour la conception et la création de la maquette afin de proposer cette expérience immersive sur le site web tout en proposant une navigation fluide et en affichant de façon claire les informations importantes. Il y a eu aussi un travail sur la recherche d'animation pour éviter de retomber sur un site "statique".
  3. Développement dans Webflow : L'utilisation de Webflow pour le développement du site, nous a permis de mettre l'accent sur l'interactivité et l'expérience utilisateur fluide tout en facilitant la modification ou l'intégration de nouveaux contenus, de nouvelles vidéos.
  4. Intégration de Vimeo : Vimeo nous a permis d'héberger les vidéos et de les afficher sur le site sans perdre en qualité et en limitant l'impact des nombreuses vidéos sur les performances. De plus le côté dynamique de Webflow associé avec l'intégration Vimeo permet de faciliter l'édition du site web. Pour améliorer l'expérience utilisateur, nous avons même personnaliser le player des vidéos sur les pages de cas clients avec Flowplay.
  5. Mise en avant des expertises de Heka : Nous avons créer des pages dynamiques dédiées aux services sur le site pour présenter chaque expertise de Heka. Le but de ces pages est de mettre en avant toute l'expertise de Heka et mettre en avant leurs différentes réalisations tout en ayant des pages avec du contenu pour le référencement naturel (SEO).
  6. Valorisation du collectif et des valeurs humaines : Nous avons développé une page spécifique où Heka peut mettre facilement en avant les différents experts avec qui ils travaillent. La section dynamique et animée permet de se rendre compte que Heka est plus qu'une simple agence de vidéo, c'est aussi une agence humaine. Sur la page, nous avons également mis en avant de la culture d'entreprise et des valeurs sociales et éthiques de Heka.
  7. Plan de visibilité et communication : Nous avons travaillé sur le site de Heka pour avoir des pages qui leurs permettent d'être référencé sur des requêtes spécifiques. En plus de cela, nous avons préparer mutuellement un plan de communication sur différents réseaux sociaux pour la sortie du site web. Une collaboration axée sur l'utilisation des réseaux sociaux et du marketing de contenu pour promouvoir le site et renforcer la présence en ligne de Heka.

Résultats

  • Scalabilité du site web : Une grande partie du site web a été pensé et conçu de manière dynamique pour simplifier l'ajout de pages dans un but de référencement. Ainsi Heka a un site qui peut évoluer en même temps que l'agence.
  • Site web avec un effet spécial : Les personnes qui visitent le site de Heka ne restent pas indifférente quant à l'expérience qu'elles ont passées dessus. L'objectif de créer un site web créatif à l'image de la marque a été un succès auprès des utilisateurs.
  • Résultats SEO et augmentation du nombre de clients à suivre

Nos sites sont développés avec les meilleurs pratiques web

Digidop ne vous propose pas qu’un simple site web, mais un savoir-faire approuvé par les acteurs du marché et nos clients satisfaits. Un gage de notre professionnalisme et de la qualité de nos services.

Et validés par nos clients

logo google
5/5 (57 avis)

"Excellent travail, direction artistique au top, équipe à l'écoute et surtout réactive !"

"L'agence m'avait été recommandée et ils ont vraiment été au rdv ! De la conception graphique, au développement sur Webflow jusqu'aux allers / retours avant la mise en ligne, tout s'est très bien déroulé."

"Le process est très carré et ils sont super sympas - si vous voulez développer un site en no-code rapidement et avec un super design, n'hésitez pas !"

"L'équipe de Digidop est une valeur sûre. Ils sont ponctuels, professionnels, communicatifs, positifs et incroyablement enthousiastes.

"From RFP inception to completion (and now continuation), Digidop was so quick to listen to our needs, propose ideas and take the project to much more. An amazing collaboration, always responsive."

"Digidop nous a aidé à lancer avec succès un MVP pour un système d’audit 100% automatisé avec Webflow et (Make) Integromat. L’équipe est compétente et réactive. Merci Digidop !"

"Superbe collab pour la refonte du site Reecall.com. Une team sérieuse et rapide !"

"Digidop a une vraie expertise sur Webflow et tout ce qui est nécessaire à la réalisation d'un site web moderne (design system, bonnes pratiques de développement, responsiveness, performance, SEO)."

Prêt(e) à avoir un site qui convertit ?

Améliorer votre visibilité en ligne grâce à l’experience, l’excellence et la réactivité de Digidop !