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
Réalisations
Intégration Webflow
outils utilisés

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.

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
Guillements illustration

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

Nous avons désigné et développé plus de 50 sites sur Webflow
Tous nos sites sont designés et developpés avec
Coeur rouge
Illustration
Découvrir le site web
Nous utilisons les meilleurs outils

Votre site est développé avec les meilleurs outils et les meilleurs 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 designer votre site web sur mesure et optimiser son taux de conversion

Webflow

Pour une intégration pixel perfect et optimisée de votre site web

Client-first

Pour une organisation aux petits oignons de votre projet

Wized

Pour ajouter des fonctionnalités avancées à votre projet

Make

Pour automatiser vos fluxs de travail et vous faire gagner un max de temps