Migration du nouveau site de Sesame

Implémentation du nouveau site de Sesame dans Webflow sur la base de maquettes Figma.
Illustration croce
Image du projet
Sommaire
Realisations
Intégration Webflow
outils utilises
Guillements illustration

Je tiens à remercier Gemeos, pour leur travail incroyable sur notre site internet. Gemeos ont été un véritable moteur, de par leur réactivité tout au long du processus de refonte. Ils ont vraiment compris nos enjeux et cela se reflète aujourd'hui sur notre projet.

Wilfried Bapte
Fondateur @Sesame

Objetifs

  1. Gagner en agilité.
    L'équipe market/growth souhaitait être autonome et pouvoir effectuer des changements en toute autonomie.
  2. Améliorer leurs performances.
    Toutes les pages étaient implémentées dans un CMS interne.
  3. Libérer de la bande passante pour l'équipe Produit/Tech.
    Pour les sujets sur lesquels ils ont beaucoup de valeur ajoutée (fonctionnalités spécifiques, application mobile, etc).

Contraintes

Une deadline courte, 3 jours pour implémenter plus de 5 pages avec des animations sur mesure et un formulaire multi-step. 

Bien sûr, responsive et SEO friendly, c'est pourquoi ils ont fait appel à l'agence Webflow Gemeos.

Mise en place d'un style guide

La première action que nous avons entreprise a été l'élaboration d'un guide de style sur Webflow. Ce dernier assure l'uniformité et la fiabilité du site de Sesame en réunissant toutes les consignes visuelles et opérationnelles, dans le but d'établir un référentiel pour les composants du site comme les couleurs, les polices de caractères, les boutons, les formulaires, les icônes, et bien plus.

Ce guide de style facilite également une collaboration efficace entre les membres de l'équipe de Sesame et garantit une harmonie globale à travers tous les éléments du site.

Style Guide Sesame - Webflow
Style Guide Sesame - Webflow

Implémentation du site

Échéance fixée, échéance honorée. Le site a été publié à la date prévue, tout en respectant rigoureusement les standards SEO et en mettant un accent spécial sur l'optimisation responsive pour assurer une expérience utilisateur fluide sur tous les appareils.

Homepage Sesame - Webflow
Homepage Sesame - Webflow
Mockup Mobile Sesame App - Webflow
Formulaire de demande de démo multi-step - Webflow
Formulaire de demande de démo multi-step - Webflow

Performances

Une attention particulière aux performances du site pour qu'ils aient tous les ingrédients entre leurs mains !

Score PageSpeed Insight Sesame - Webflow
Score PageSpeed Insight Sesame - Webflow

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