Redesign and Migration of the Beager.com site

A platform for Freelancers and permanent contracts, Beager helps talents find missions in record time! They have been able to federate a community of talents that they dispatch to various companies to help them carry out their projects successfully.
Illustration croce
Image du projet
Table of contents
Achievements
UX/UI Design
Webflow integration
SEO
tools used
Guillements illustration

Background

Beager called on the Webflow agency Gemeos to redesign and migrate their current hard-developed site to Webflow.

Why did they choose Webflow?

  • To see a site optimized in terms of SEO
  • To Give Back Control to the Marketing Team, Which Is Dependent on the Tech Team

Design in Figma

Our design work was guided by a collaborative and iterative approach; we worked closely with the Beager marketing team to deeply understand their expectations and goals.

Our design process focused on creating an engaging and intuitive user interface, while showcasing their product and its features.

We regularly collected feedback, which allowed us to continually refine our work, each iteration was an opportunity to refine the details to better meet customer expectations.

This iterative method ensured a constant evolution of the design, in line with the changing requirements of the client.

Finally, thanks to this process of continuous adjustments and transparent communication, we managed to achieve a result that satisfied Beager 200%

We also created a UI Kit (Colors, Typography, Inputs, Buttons...) to allow the Nexera marketing team to design new pages independently in Figma

Webflow integration

Our intervention included a meticulous migration to Webflow, while scrupulously respecting all best practices.

Relying on our expertise, we ensured that each element of the site was not only aesthetically in line with the new design, but also technically optimized.

This includes optimizing images and animations, setting up a responsive site structure, and ensuring intuitive navigation.

In addition, we made sure that the site was easy for the Beager marketing team to take control of the site to provide them with a certain agility.

This approach ensured not only quality integration but also simplified site maintenance, giving Beager the flexibility to evolve and adapt quickly in the future.

Creation of editorial content

In order to optimize SEO performance, we created a blog

The objective is to have a Rolls Royce in terms of technical SEO to only have to worry about semantics.

To reinforce the semantic cocoons around the most relevant and competitive business keywords, we built an adapted CMS architecture and we created a meticulous design to take care of UX while respecting all SXO best practices:

  • Mobile First
  • Summary
  • Progress Bar
  • Meshing
  • Social share
  • Author page
  • Structured data
  • ...

Before vs After

The initial site lacked people and the product was not sufficiently developed.

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