Migration of the new Sesame site

Implementation of the new Sesame site in Webflow based on Figma models.
Illustration croce
Image du projet
Table of contents
Achievements
Webflow integration
tools used
Guillements illustration

I want to thank Gemeos for their incredible work on our website. Gemeos were a real driver, thanks to their responsiveness throughout the redesign process. They really understood our challenges and this is now reflected in our project.

Wilfried Bapte
Founder @Sesame

Objectives

  1. Gain agility.
    The market/growth team wanted to be autonomous and be able to make changes independently.
  2. Improve their performance.
    All pages were implemented in an internal CMS.
  3. Free up bandwidth for the Product/Tech team.
    For subjects on which they have a lot of added value (specific functionalities, mobile application, etc.).

Constraints

A short deadline, 3 days to implement more than 5 pages with custom animations and a multi-step form.

Of course, responsive and SEO friendly, that's why they used the Webflow Gemeos agency.

Setting up a style guide

The first action we took was the development of a Webflow style guide. The latter ensures the consistency and reliability of the Sesame site by bringing together all visual and operational instructions, in order to establish a repository for site components such as colors, fonts, buttons, buttons, forms, icons, and more.

This style guide also facilitates effective collaboration between Sesame team members and ensures overall harmony across all elements of the site.

Style Guide Sesame - Webflow
Sesame Style Guide - Webflow

Implementation of the site

Deadline set, deadline honored. The site was published on schedule, while rigorously complying with SEO standards and with a special focus on responsive optimization to ensure a smooth user experience on all devices.

Homepage Sesame - Webflow
Homepage Sesame - Webflow
Mockup Mobile Sesame App - Webflow
Formulaire de demande de démo multi-step - Webflow
Multi-step demo request form - Webflow

Performances

Special attention to the performance of the site so that they have all the ingredients in their hands!

Score PageSpeed Insight Sesame - Webflow
PageSpeed Insight Sesame Score - 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+ webflow sites created

Discover our other creations

All our sites are designed and developed with
Coeur rouge
Stickers projet
Image du projetIllustration hover
Discover
Image du projetIllustration hover
Discover
Image du projetIllustration hover
Discover
Image du projetIllustration hover
Discover
See all our projects!
Illustration
discover the website
We use the best tools

Your site is developed using the best tools and best practices

Gemeos doesn't just offer you a website, but expertise in the best tools to guarantee you the best possible return on your investment.

Figma

To design your custom website and optimize its conversion rate

Webflow

For pixel-perfect, optimized integration of your website

Client-first

Organizing your project to perfection

Wized

To add advanced features to your project

Make

Automate your workflows and save maximum time