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 :

Cercle x Ouiflow

Découvrez comment nous avons transformé le site Webflow de Cercle. Design sur-mesure, bonnes pratiques SEO, autonomie des équipes sur Webflow. Cercle est prêt pour son festival

Site internet de Cercle mis en scène sur un ordinateur et un smartphone.
Photo de Lola Lebrati, Communication & Brand Partnership Manager chez Cercle

Une très bonne expérience ! L'équipe Ouiflow s'est montrée disponible, réactive et efficace dans des délais courts.

Nous sommes ravis du résultat, merci à Fabien et sa team pour le travail accompli et le suivi de projet.

Je recommande !

Lola Lebrati

Communication & Brand Partnership Manager

L'entreprise

Cercle Festival est un événement révolutionnaire dans le domaine de la culture et du divertissement, offrant une expérience immersive unique à ses participants. Célébrant l'art, la musique et la créativité, Cercle Festival se positionne comme un pionnier dans l'organisation d'événements culturels novateurs.

Le projet

6

pages designées

100%

optimisé SEO

GSAP

pour les animations

La refonte du site de Cercle sur Webflow visait à affiner l'image de la marque, à enrichir le site avec de nouvelles fonctionnalités et à pousser encore plus loin l'autonomie des équipes dans la gestion de son site Webflow,

Cette refonte s'inscrit dans une démarche d'amélioration continue, visant à optimiser l'expérience utilisateur, à renforcer la présence en ligne de Cercle et à intégrer des outils SEO avancés pour améliorer le référencement naturel. Avec un accent particulier sur l'utilisation des collections dynamiques Webflow, l'équipe Ouiflow a pu créer un site plus interactif et personnalisé, reflétant mieux les valeurs et l'offre unique de Cercle.

Les étapes du projet

Logo Figma en noir et blanc

Wireframes

4 jours
Logo de Figma

UI Design

11 jours
Logo Webflow

Dév. Webflow

8 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 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

Cercle Festival a bénéficié d'un site web remarquable qui a renforcé sa présence en ligne et attiré un public plus large. La plateforme a permis de transmettre efficacement l'atmosphère et l'énergie uniques du festival, générant ainsi un engagement accru et une anticipation grandissante de la part des participants.

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, Cercle est prêt pour son festival 2024. Le design sur-mesure, l'autonomie des équipes et les animations avancées sont les maîtres mots de ce projet."