Badge Webflow Award Winner 2023
Portfolio

Plongeons dans la construction d'un énorme site webflow !

+ 30 pages et statiques, et des dizaines de collections CMS !

Design
Développement
Migration
Enterprise
Header la homepage de Streamnative.io avec cookie consent de Finsweet
"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)."

Gilles Barbier

Dir. EMEA @Streamnative

Voir le site

Points clés du projet Streamnative

400 pages ? Let's go !

Stack Technique

Icon Figma SVG
Client-First icon svg
Logo webflow bleu
Icon Finsweet Attributes SVG
Icon layout

Services

  • UX et UI design
  • Illustrations
  • Webflow engineering process
  • Développement Webflow
  • Formation d'une équipe marketing (en anglais) sur l'utilisation de Webflow et des bonnes pratiques SEO

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.

Barre de navigation du site
Tabs de Comparaison de deux outils SaaS
Header de la page Streamnative Academy
Header d'un blog sur webflow
Landing page d'ebook avec formulaire hubspot intégré
No items found.
Voir le site

StreamNative (une entreprise dans le domaine de la technologie de streaming de données), a fait confiance à Digidop pour la refonte complète de son site web, ainsi que pour la migration du contenu de son ancien CMS, Jumstack, vers Webflow. Avec plus de 400 pages publiées, il s'agissait d'un projet complexe qui nécessitait une expertise technique et une attention particulière aux détails.

Dans ce case study, nous allons vous montrer comment Digidop a relevé les défis liés à ce projet et comment nous avons aidé StreamNative à améliorer sa visibilité sur le web.

Les 3 enjeux du projet web

Créé en 2019, Streamnative est une startup technologique qui a connu une forte et rapide croissance après sa dernière levée de fond. Il était maintenant nécessaire, pour elle :

  1. D'aligner un branding cohérent entre son SaaS et son site internet
  2. De donner accès à une plateforme web administrable et évolutive à ses équipes marketing
  3. D'améliorer les performances SEO (inbound marketing)

Pour atteindre ces différents objectifs, le projet s'est décomposé en trois partie :

1. Design (Figma)

  • L'importance de la mise en place d'un design system et de composants pour uniformiser le branding de la marque et de son Saas
  • Challenger l'UI : un design d'interface simplifié, dans un style plus "corporate" (UX is the new UI )
  • Repensé la structure web du site : créer un site orienté business et évolutif
  • Une collaboration et des process solide entre les équipes marketing et les équipes au design

(100% sur Figma)

2. Développement (Webflow évolutif)

  • Développement d'une plateforme CMS entièrement administrable depuis le mode editor (+15 collections CMS)
  • Développement 100% Client-First
  • Performance Google Lighthouse <90
  • Best practices en termes d'accessibilité web, intégration, RGPD compliance
  • Intégration complexe d'attributs de Finsweet (+10 collections combiné avec système de filtrage avancé)

3. Marketing (utiliser Webflow)

  • + 6 heures de formations à l'utilisation de Webflow "avec la manière"
  • Des enregistrements Loom ré-utilisables sur les spécificités d'éditions propre à leur nouveau site web
  • Un accompagnement annuel (création de composants, landing page, formation, ...)

Fichier de webdesign Figma en images

Réalisation d'un design system adapté pour site web et pour outil Saas

  • Text styles
  • Color styles
  • Grid styles
  • Règles d'utilisation des éléments
  • Banque d'icônes
  • Création de components
  • etc.

Création d'une maquette Figma et collaboration entre les équipes marketing / produit / design

  • Maquette UX & UI
  • integration du copyrighting
  • intégration des éléments graphiques
  • etc.

Plus d'images du nouveau site Webflow

Des performances aux verts sur la Google Light House 🚥

Résultat d'analyse <90 à la Google Lighthouse pour le site de Streamnative
Vroum Vroum 🏎

Un site éditable dynamiquement depuis de multiples collections ✍️

+ 10 collections CMS sur un site webflow
Scalable.

La suite ? Maintenance/accompagnement annuel

Digidop continue sa collaboration avec Streamnative pour les aider à tirer pleinement profit de Webflow cette année, avec notre offre d'accompagnement Webflow. Résultat dans 1 an !

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 !