Badge Webflow Award Winner 2023
Portfolio

Site Webflow centre de formation Cyber Sécurité | Oteria X Digidop

Suivez le parcours de notre partenariat avec Oteria Cyber School dans le développement de leur identité visuelle, site Webflow SEO-friendly et la formation des équipes pour la gestion du contenu Webflow.

Branding
Design
Développement
Main home oteria executive education
"Super projet avec Digidop ! Nous avons été accompagnés du début à la fin avec un processus très clair qui nous a permis de faire un site qui répond à nos besoins."

Olivier Nachin

Responsable de conception pédagogique en Cybersécurité

Voir le site

Points clés du projet Oteria Executive Education

Suivez le parcours de notre partenariat avec Oteria Cyber School dans le développement de leur identité visuelle, site Webflow SEO-friendly et la formation des équipes pour la gestion du contenu Webflow.

Stack Technique

Icon Figma SVG
Icon Make (ex integromat) SVG
Logo webflow bleu
Icon Calendly SVG
Icon layout

Services

  • Branding
  • UX Design
  • UI Design
  • Développement Webflow
  • Formation Webflow

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.

Header du site de formation Oteria Executive avec des images et des étoiles de review Google
Slider présentant des cartes de formations cliquables
Page présentant les points clés d'une formation et son formateur
Page présentant Jean-Pierre, formateur Oteria
No items found.
Voir le site

Cas client organisme de formation Cybersécurité : Oteria Executive Education

Oteria Executive Education est une entité de l'école Oteria Cyber School, dédiée à la formation en cybersécurité. Ce centre propose depuis peu des formations informatiques dédiées aux entreprises et organismes publics. Oteria nous a donc contacté pour créer un nouveau site dédié à la formation en cybersécurité pour le BtoB.

Mapping du projet

Plusieurs étapes du projet pour cibler les besoins clients et y répondre au mieux :

  1. Atelier design sprint de 2 heures avec nos équipes et celles d'Oteria
  2. Création d'une toute nouvelle charte graphique orientée Cybersécurité et BtoB
  3. Développement d'un parcours utilisateur (UX) et optimisation du maillage interne
  4. Création de maquette web UI
  5. Développement Webflow Client First avec optimisation du CMS
  6. Optimisation des performances SEO et respect des meilleurs pratiques web
  7. Formation aux modes Design et Editeur de Webflow
  8. Intégration des différents outils (Axeptio, Calendly, Airtable, Gmail, Make, Google Drive, etc.)

Principaux enjeux

  1. Création d'une toute nouvelle identité visuelle dédiée au BtoB
  2. Développement d'un site dynamique, facile à éditer et à mettre à l'échelle pour les prochaines formations
  3. Multiples connexions entre les collections du CMS
  4. Performances SEO
  5. Connexion des formulaires à un backoffice avec Make.

Le site est actuellement composé de 8 pages dont 2 pages dynamiques.

Création de pages dynamiques Webflow

La création de pages template dynamiques dans Webflow permet aux équipes Oteria de faire évoluer leur site de manière simple et 100% autonome

Page dynamique Formations

Oteria pourra ajouter autant de formations que nécessaire grâce aux pages dynamiques formations. Ils ont la main sur l'édition ne nombreux champs :

  • Nom de la formation
  • Détail du programme
  • Ajout de formateur
  • Prix de la formation
  • Possibilité de s'inscrire à la formation
  • Etc. 
page dynamique formaiton du site oteria executive education

Page dynamique Formateurs

Création d'un template de page dynamique par formateur, que nous avons rattaché à chacune des formations. 

capture d'écran de la page formateur du site oteria executive education

Intégration outils

Intégration Calendly

Création d'un formulaire de contact à deux niveaux :

  • prise de rendez-vous en direct depuis Calendly
  • contact depuis un formulaire Webflow
page dynamique formation du site oteria executive education

Connexion Webflow Airtable Gmail avec Make

Nous avons créé des workflows avec Make, pour automatiser les différents formulaires du site, ainsi que les inscriptions aux formations.

  • Ajout de données à des bases Airtable
  • Qualification des leads
  • Envoi de mails automatiques
  • Notification des équipes
  • Envoi de programmes de formations. 
capture d'ecran d'un workflow make webflow airtable google drive gmail

Site responsive tous supports

ecrans d'ordinateur de tablette et de téléphone avec affichage du site oteria executive education

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 !