Skip to content

Side: website redesign for a staffing platform

Side connects companies with temporary workers from the Randstad group. After its rebranding, the platform wanted a website aligned with its new identity, without mixing up the recruiter and candidate journeys.

Our web agency dedicated to HR players supported Side on the art direction, UI design, Webflow and SEO.

Side homepage on a laptop with the Candidats menu open, an app QR code and a photo of young people

Two journeys to tell apart after Side's rebranding

Side, the Randstad group's staffing platform, speaks to two audiences with different expectations: companies that want to hire and candidates looking for assignments. After its brand evolution, the website had to showcase the new identity while guiding each visitor to the relevant information and actions.

Gemeos adapted Side's art direction to its digital channels, then designed the interfaces together with the marketing team. The Webflow build was structured so pages can evolve without starting from scratch. The SEO work supported the organization of content aimed at companies and temporary workers.

Industry
HR
Services
Artistic Direction
Development
SEO
UX/UI Design
MacBook Pro at the edge of a granite block against an electric blue backdrop, showing the Side page “Reliable temp workers in under 48 hours”

Art Direction

A new positioning translated pixel by pixel

Following Randstad’s acquisition in May 2023, Side redefined its brand identity. Our job: bring that rebrand to life on their website with precision and consistency. Using the assets provided by the Side team, we laid the foundation for a digital visual system, typography choices, color palette, image treatment, illustration style, directly aligned with the new brand identity. Every design decision was validated in collaboration with the Marketing team to ensure the result matched the Randstad Group while preserving Side’s DNA: direct, human, and experience-driven.

  1. Concept 1: Centered Hero

    The headline spans the full width of the page, centered, with no image opposite it. The fold stays clean and type-driven. The next section brings back the blue photo/stat split. The most minimal layout. And the one that puts the message front and center.

  2. Concept 2: Split Hero + Video Placeholder

    Two-column layout, but the right side features a video frame instead of a photo. The stats section uses a horizontal photo strip before the blue block. A layout that leans more into product demonstration.

  3. Concept 3: Split Hero + Photo

    The hero section splits into two columns, headline on the left with neon yellow highlighting, Side profile photography on the right against a light background. The next section flows into a black client strip, then a split photo-and-stats layout in electric blue.

Side homepage mockup with centered headline “Renforcez vos équipes avec des intérimaires fiables, en moins de 48h”
Concept 1
Laptop showing Side website mockups in a design tool, against a neon green background

UI Design

Mockups built with the team, not for it

The design followed an iterative, collaborative approach with Side's Marketing team. Instead of shipping everything at once, each section was shaped, presented, and refined in short cycles. The result: a site that reflects Side's exact business challenges, two distinct audiences (companies and Siders), three offers that needed clear prioritization, and a straightforward journey for every profile. The navigation, product pages, industry landing pages, and resource pages all got the same level of attention, inside one cohesive design system from end to end.

  • Side mockup: forklift operator job card from Sofripa in Gennevilliers over a photo of a warehouse worker in orange vest
  • Side visual: portrait of Mathilde, 22, “Sider since 2022,” seated in front of the CNIT in La Défense
MacBook Pro on a black quilted leather desk mat, showing the Side home page “The world of work has changed, and so have we”

Webflow Development

Clean integration. Scalable. No technical tradeoffs.

The migration to Webflow was handled like a full engineering project. Every page was built using Webflow best practices: strict class naming, semantic HTML structure, asset optimization (compression, lazy loading, WebP formats), and a component logic system built on native Symbols and global Webflow Variables.

The DOM was optimized to minimize render-blocking. Animations were handled in native CSS wherever possible to reduce JavaScript dependencies and protect WebPerf scores. A custom video player was integrated for client testimonials, no autoplay, in line with current UX standards.

The technical result:

CriterionGemeos Approach
Class structureBEM-like, consistent and documented naming
ComponentsSymbols + global Webflow Variables
AssetsWebP, lazy loading, automated compression
AnimationsCSS-first, JS limited to complex interactions
MaintenanceFull ownership for the Growth team
ScalabilityArchitecture designed to support new pages without a redesign
  • Side page on a laptop: “Renforcez vos équipes avec des intérimaires qualifiés” with a photo of Anne-Gaëlle
  • Side mobile homepage: "Le monde du travail a changé, nous aussi" headline, App Store and Google Play buttons
  • Laptop showing the Side website: “Qualified profiles in your sector” with three temp worker profiles
  • Hand holding a phone on pink showing the Side site: “Choisissez les missions” and a Leclerc stocktaker job card
  • Side page on a laptop: “Choose the missions that suit you” with an Inventoriste job offer card
MacBook Pro on a concrete slab against a pink backdrop, showing the Side candidate guide

SEO / GEO

A technical foundation built for search engines, and for LLMs

The SEO work started before launch with a full audit of the existing architecture. A complete 301 redirect plan mapped every old URL to its new destination, preserving all of Side’s hard-earned SEO equity. The site’s semantic structure, Hn tags, breadcrumbs, alt attributes, meta descriptions, was reviewed and standardized page by page.

On the tracking side: GA4, Facebook Pixel, Hotjar, and Google Tag Manager were integrated and tested before launch, with full QA to confirm there were no tracking duplicates or data loss between the old site and the new one.

SEO ActionDetail
301 RedirectsComplete old → new architecture mapping
Semantic StructureNormalized Hn hierarchy, alt text, optimized meta
TrackingGA4 + Facebook Pixel + Hotjar + GTM
Pre-Launch QATracking tests, crawl checks, redirect verification

On the GEO side (Generative Engine Optimization), the site was structured to stay readable and usable for generative search engines, ChatGPT, Gemini, Perplexity. That means a clear content hierarchy, Schema.org microdata (Organization, FAQPage, BreadcrumbList), and content that answers the exact questions LLMs use to build their responses. The goal: make sure Side gets cited and ranked when a candidate or employer asks an AI about the best online temp staffing platforms.

  • iPhone on a blue background, showing the Side mobile candidate guide
  • iPhone on a pink background, showing the Side article “The 13th month in temp work: your rights and calculations”

Our latest projects

+250 companies supported

Websites designed and developed with

See all projects

You're going to working with us, guaranteed

Ready to launch your business?

get a quote

Let’s f*****G GO !!