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 :

Make It Clap x Ouiflow

Découvrez comment Make it Clap, le premier studio de tournage immersif, a été transformé grâce à une intégration Webflow et une stratégie SEO avancée.

Site internet de Make it Clap mis en scène sur ordinateur et smartphone.
Photo de Guillaume Wegener, Co-fondateur de Make It Clap

Nous avons eu le plaisir de faire appel à Ouiflow pour la création de notre site web, et à aucun moment nous avons regretté notre choix. [...]

Au final, le rendu final du site est magnifique.

Je ne peux que recommander !

Guillaume Wegener

Co-fondateur de Make It Clap

L'entreprise

Make it Clap est une start-up parisienne lançant le premier projet de studio de tournage immersif.

Que vous souhaitiez vivre une expérience unique, ou encore permettre à vos équipes de créer des liens solides, Make it Clap propose un large panel d'expériences à découvrir dans leurs locaux.

Le projet

8

pages designées

100%

optimisé SEO

2 mois

de délai de réalisation

Le projet a consisté à créer de A à Z le site internet de l'entreprise, jusqu'alors inexistant.

Il a fallu élaborer l'identité graphique de l'entreprise, ayant des valeurs fortes et une image de marque unique.

Les points clés du projet ont été les suivants :

  • Mettre au point une charte graphique cohérente avec l'identité et l'activité de la marque
  • Permettre à l'entreprise, grâce aux fonctionnalités CMS de Webflow, de mettre ses différentes expériences directement à disposition de ses utilisateurs
  • Intégrer au sein du site un module de réservation pour éviter les redirections
  • Optimiser à 100% le SEO pour placer la marque aux meilleures places des résultats de recherche

Les étapes du projet

Logo Figma en noir et blanc

Wireframes

1 jours
Logo de Figma

UI Design

7 jours
Logo Webflow

Dév. Webflow

6 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

Make it Clap possède désormais un support de réservation opérationnel et une charte graphique unique reflétant son image.

Grâce aux fonctionnalités de Webflow, les équipes peuvent efficacement gérer les contenus de leur site web et le faire évoluer.

L'optimisation et les conseils SEO de Ouiflow leur permettent d'être sur le devant de la scène des moteurs de recherche.

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, Make it Clap est devenue plus qu'un studio de tournage : c'est une expérience immersif qui révolutionne la création de contenu."