Logo de Figma
Logo de Webflow
Migration vers Webflow
Développement Webflow
Design Figma
By clicking “Accept All Cookies”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. View our Privacy Policy for more information.

Refonte Webflow :

Alyra x Ouiflow

Découvrez comment Ouiflow a transformé l'identité numérique d'Alyra, l'école pionnière en blockchain, grâce à une refonte Webflow et une stratégie SEO efficace.

Site internet de Alyra mis en scène sur ordinateur et sur smartphone.
Photo de Maxime Evrard, Co-fondateur et Directeur Développement de Alyra

Je recommande fortement !

Un grand merci à Ouiflow ❤️

Maxime Evrard

Co-fondateur et Directeur Développement de Alyra

L'entreprise

Alyra est une école Blockhain française 100% en ligne.
Leur équipe est composée de professionnels de l'écosystème blockchain et de passionnés. Leur objectif est de favoriser le partage des savoirs et transmettre la passion pour l’écosystème blockchain à toutes celles et ceux qui souhaitent apprendre.

Le projet

10

pages designées

100%

optimisé SEO

2 mois

de délai de réalisation

Il s'agit d'une création complète du site web sur Webflow.
Les enjeux étaient les suivants :

  • imaginer une nouvelle orientation de design plus moderne et en ligne avec la nouvelle charte graphique
  • rendre les équipes Alyra autonomes dans la gestion de leur nouveau site sur Webflow
  • utiliser au maximum la fonctionnalité de collections dynamiques sur Webflow
  • ajouter des descriptions détaillées de chaque formation qui fournissent suffisamment d'informations pour aider les visiteurs à comprendre ce qui est proposé
  • créer une navigation intuitive et facile à utiliser, avec des menus déroulants qui permettent un accès rapide aux différentes sections du site
  • travailler 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

12 jours
Logo de Webflow

Dév. Webflow

10 jours

Recherche et d'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 de 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 permet de collecter les retours client facilement.
  • Modifications finales : Nous apportons les dernières modifications.
  • Déploiement : Nous mettons le site en ligne.

Les bénéfices pour le client

Les équipes Alyra peuvent désormais ajouter facilement du nouveau contenu sur leur site Webflow sans avoir à passer par leur équipe de développeurs. Une totale autonomie qui permet aux équipes marketing de reprendre la main sur le site web !

L'optimisation pour les moteurs de recherche (SEO) leur permet désormais de se classer plus haut dans les résultats de recherche afin de gagner en visibilité.

La refonte leur permet d'avoir site Webflow au look plus moderne et attrayant qui peut aider à attirer plus de visiteurs et à améliorer l'image de l'entreprise.

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, Alyra a transformé son site web en une icône d'innovation en blockchain. Un design épuré et une stratégie SEO ont propulsé l'école vers de nouveaux sommets."