En cliquant sur "Accepter tous les cookies", vous acceptez que des cookies soient stockés sur votre appareil afin d'améliorer la navigation sur le site, d'analyser l'utilisation du site et de contribuer à nos efforts de marketing. Consultez notre politique de confidentialité pour plus d'informations.

Refonte Webflow :

Ignition Program x Ouiflow

Découvrez comment Ignition Program, un organisme de formation en management axé la durabilité, a été transformée grâce à une refonte Webflow et une expertise SEO.

Site internet de Ignition Program mis en scène sur ordinateur et sur smartphone.
Photo de Vincent Sellier, Traffic Growth Manager chez Ignition Program

Ouiflow nous a aidé sur la refonte complète de notre site web chez Ignition Program.

Réactifs, efficaces, ils sont allés au delà de la prestation attendue, merci pour tout !

Vincent Sellier

Traffic Growth Manager chez Ignition Program

L'entreprise

Ignition Program est une agence de la performance humaine durable.
Ils offrent 3 axes d'accompagnement :

  • Le recrutement de talents avec un accompagnement sur-mesure
  • l'accompagnement de ces talents dans la recherche de leur prochain job en startup
  • la formation des managers aux meilleures pratiques afin d'atteindre une croissance durable

Le projet

21

pages designées

100%

optimisé SEO

3 mois

de délai de réalisation

Le projet a consisté à effectuer une refonte complète du site web sur Webflow.
Les enjeux étaient les suivants :

  • créer une nouvelle identité web en suivant la charte graphique établie
  • migrer tous les éléments et les collections dynamiques. Une réelle expertise de l'utilisation du CMS Webflow a été mise en œuvre
  • effectuer tout un travail de redirections 301 afin de garder le travail de référencement naturel qui avait déjà été effectué
  • rendre les équipes Ignition Program autonomes dans la gestion de leur nouveau site sur Webflow
  • retravailler le référencement naturel en ajoutant notre expertise technique SEO

Les étapes du projet

Logo Figma en noir et blanc

Wireframes

4 jours
Logo de Figma

UI Design

16 jours
Logo Webflow

Dév. Webflow

14 jours

Recherche et Atelier UI/UX

  • Identification des personas: Nous définissons les personas pour comprendre les besoins et les comportements des utilisateurs cibles.
  • Atelier UI/UX: Nous organisons un atelier avec les parties prenantes pour discuter des objectifs, des fonctionnalités et des flux utilisateur.
  • Analyse concurrentielle: Nous étudions les sites Web concurrents pour identifier les meilleures pratiques et les opportunités.

Arborescence et Wireframing

  • Création de l'arborescence: Nous établissons une arborescence du site pour définir la structure et l'organisation des informations.
  • Wireframing: Nous créons des wireframes basiques pour chaque page, en nous basant sur l'arborescence.

Orientations de Design et Webdesign sur Figma

  • Moodboard: Nous créons un moodboard pour définir l'ambiance et le style visuel du site.
  • Palette de couleurs et Typographie: Nous choisissons une palette de couleurs et une typographie qui correspondent à l'identité de la marque.
  • Design de la maquette: Nous utilisons Figma pour créer des maquettes haute fidélité en nous basant sur les wireframes et les orientations de design.
  • Validation client: Nous présentons les maquettes au client pour validation et ajustements.

Développement sur Webflow

  • Structure du site: Nous établissons la structure de base du site dans Webflow.
  • Intégration du design: Nous intégrons les éléments de design en respectant la maquette au pixel près.
  • Développement des fonctionnalités: Nous ajoutons des interactions, des animations, etc.
  • Optimisation mobile: Nous nous assurons que le site est responsive.
  • SEO technique: Nous mettons en place des éléments pour le SEO.

Tests et Mise en Ligne

  • Tests fonctionnels et de compatibilité: Nous vérifions que tout fonctionne comme prévu sur différents navigateurs et appareils.
  • Audit: Nous effectuons un audit détaillé du site.
  • Révision client: Nous mettons en place un outil qui permet de collecter les retours client facilement.
  • Modifications finales: Nous apportons les dernières modifications.
  • Déploiement: Nous mettons le site en ligne.

Phase de Maintenance

  • Suivi et analyse: Nous utilisons des outils d'analyse pour suivre les performances du site.
  • Support et mises à jour: Nous apportons des mises à jour régulières en fonction des besoins du client et des performances du site.

Les bénéfices pour le client

Les équipes Ignition Program peuvent désormais ajouter facilement du nouveau contenu sur leur site Webflow grâce aux nombreuses collections dynamiques qui ont été créées et travaillées afin que leur utilisation soit la plus fluide possible. Une totale autonomie qui permet aux équipes marketing de reprendre la main sur le site web !

Les nombreuses ressources ajoutées en CMS permettent également de travailler leur acquisition de prospects

Vue du site Webflow créé lors de ce projet.

LE PROJET EN IMAGES

Vue mobile du site Webflow créé lors de ce projet.
Vue plein écran du site Webflow créé lors de ce projet.
Vue plein écran du site Webflow créé lors de ce projet.

"Avec Webflow, Ignition Program est devenue plus qu'une agence de recrutement : c'est une plateforme humaine et durable qui met les talents au cœur de sa mission."