Refonte et Migration du site de Butterfl.ai

Butterflai est une solution innovante qui permet aux marques D2C de centraliser toutes leurs données en un seul endroit, de créer des dashboards personnalisés sans expertise technique et de sortir des analyses en moins de 10 clics.
Illustration croce
Image du projet
Sommaire
Realisations
Copywriting
UX/UI Design
Intégration Webflow
SEO
outils utilises
Guillements illustration

Nous devions complètement revoir notre site pour qu'il soit à la hauteur de notre produit et nous voulions le migrer sur Webflow pour donner la main à notre équipe marketing.

Pour cela nous avons choisi Gemeos et on a fait le bon choix ! Le travail est de très bonne facture et ils sont de très bons conseils en plus d'être très sympa et réactif ! C'est hyper agréable dans la relation au quotidien. Si demain nous devions refaire un site internet on travaillerait à nouveau avec Gemeos sans hésiter, alors n'hésitez pas !

Vincent Blayau
Co-fondateur Butterfl.ai

Contexte

Imaginez avoir un super produit mais un site web qui n’est pas du tout au niveau !

Il ne met pas en valeur votre produit/service ni en confiance vos prospects.

Résultat, il ne vous apporte rien, voir il vous dessert.

Malgré un super produit vous avez du mal à trouver des clients

Vous avez travaillé sur votre image de marque et vous avez une super charte graphique mais elle est très mal exploitée sur votre site web

En plus de ça votre équipe marketing est bridée, elle n’arrive pas à faire de simple modification ou alors ça prends 3 plombes

Donc, votre site génère très peu de trafic, et ce trafic n’aboutit à aucune vente

C’est exactement ce que vivait Butterflai alors on a pris les choses en main.

Design dans Figma

Butterfl.ai avaient déjà une bonne charte graphique mais celle-ci était très mal retranscrite sur leur site web donc nous avons effectué une refonte UX/UI.

Notre travail sur le design a été guidé par une approche collaborative et itérative, nous avons étroitement travaillé avec l'équipe marketing pour comprendre en profondeur leurs attentes et leurs objectifs.

Nous avons régulièrement recueilli des retours afin d'affiner progressivement notre travail, chaque itération était l'occasion de peaufiner les détails pour mieux répondre aux attentes du client.

Cette méthode itérative a assuré une évolution constante du design, en phase avec les exigences du client.

Finalement, grâce à ce processus d'ajustements continus et de communication transparente, nous avons réussi à atteindre un résultat qui a satisfait Butterfl.ai à 200%

Intégration d'un Style guide

Une fois le design validé, nous avons pu entamer l'intégration dans Webflow

Pour chacun des projets sur lesquels nous travaillons, la 1ère étape que nous réalisons c'est toujours l'intégration du Style guide.

Il regroupe l'ensemble des éléments qui vont être réutilisés dans les différentes pages (Couleurs, Typographies, Boutons, Espacements...) et permet de maintenir une cohérence sur l'ensemble du site web.

En plus de maintenir une cohérence visuelle, le Style guide va faciliter considérablement la maintenance et la collaboration entre les différentes parties prenantes.

Intégration Webflow

Deadline fixée, deadline respectée. Le site a été publié à la date souhaitée.

Notre intervention sur le projet a inclus une intégration méticuleuse sur Webflow, en respectant scrupuleusement toutes les bonnes pratiques.

En nous appuyant sur notre expertise Webflow, nous avons assuré que chaque élément du site était non seulement esthétiquement en adéquation avec le nouveau design de Butterflai, mais aussi techniquement optimisé.

Cela comprend l'optimisation des images, des animations et la mise en place d'une structure de site responsive

De plus, nous avons veillé à ce que la prise en main du site soit facile par l'équipe de Butterlfai pour leur apporter une certaine agilité.

Cette approche a permis de garantir non seulement une intégration de qualité mais aussi une maintenance simplifiée du site, leur donnant la flexibilité nécessaire pour évoluer et s'adapter rapidement à l'avenir

SEO Technique

Pour Butterflai, il ne s’agissait pas seulement d’avoir un site esthétiquement réussi, mais également de générer du trafic qualifié.

Nous avons mis en place une stratégie SEO avancée en optimisant la structure technique du site pour maximiser la visibilité dans les résultats de recherche.

Nos sites sont toujours livrés avec les meilleures pratiques en terme de SEO Technique pour que nos clients n’aient plus qu’à se soucier de rédiger du contenu optimisé en termes de sémantique.

Conclusion

En seulement 6 semaines, nous avons transformé le site web de Butterfl.ai pour en faire un réel actif (leur meilleur sales).

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

+50 sites webflow réalisés

Découvrez nos autres réalisations

Tous nos sites sont designés et developpés avec
Coeur rouge
Stickers projet
Image du projetIllustration hover
Découvrir
Image du projetIllustration hover
Découvrir
Image du projetIllustration hover
Découvrir
Image du projetIllustration hover
Découvrir
Voir toutes nos réalisations !
Illustration
Découvrir le site web
Nous utilisons les meilleurs outils

développés avec les meilleurs outils et les meilleures pratiques

Gemeos ne vous propose pas simplement un site web, mais une expertise sur les meilleurs outils pour vous garantir un retour sur investissement optimal. 

Figma

Pour le design de votre site web

Webflow

Pour l’intégration de votre site web

Client-first

Pour organiser vos projets

Wized

Pour ajouter des fonctionnalité à vos projets

Make

Pour l’automatisation de vos flux de travail