Parler de mon projet

Étude de cas

Plus de 1 000 pages à migrer de WordPress à Webflow, sans changer d’URL

Octopush voulait quitter WordPress sans toucher à son référencement SEO. Nous avons refondu le site et migré plus de 1 000 pages vers Webflow, en français et en anglais.

Client
Octopush
Secteur
Messagerie multicanale (SaaS)
Projet
Refonte et migration, 2026
Développement
Webflow
Page d’accueil du site Octopush sur un écran d’ordinateur posé sur une étagère en métal perforé.

Le contexte

Octopush est une plateforme française d’envoi de SMS, de RCS et d’e‑mails. Les entreprises y lancent leurs campagnes, leurs codes de vérification et leurs messages clients, depuis l’interface ou par API.

Notre rôle
  • Cadrage et pilotage
  • Benchmark
  • Arborescence
  • Rédaction
  • Design d’interface
  • Design system
  • Développement Webflow
  • Migration de contenu
  • Formation
Outils
  • Figma
  • Webflow
  • Cloudflare

Enjeux

Les enjeux, nos réponses

  1. L’enjeuPrès de 1 000 pages WordPress, dont le trafic tient à chaque adresse.

    Notre réponseUne migration vers Webflow qui garde toutes les pages et leurs URL, grâce à un proxy Cloudflare monté avec l’équipe technique d’Octopush.

  2. L’enjeuDes pages ajoutées au fil des années, sans unité visuelle.

    Notre réponseUn design system commun et des textes réécrits, tournés vers l’inscription.

  3. L’enjeuUn contenu en 2 langues, français et anglais.

    Notre réponseUn site Webflow localisé, et un maillage interne repris sur l’ensemble des pages.

Ce que nous avons fait

01Stratégie et UX

Arborescence et parcours

Près de 1 000 pages, ça se range. Le menu tient en 5 entrées (Canaux, Solutions, Tarifications, Ressources, Intégrations) et chaque type de contenu rejoint une collection. Où qu’il arrive, depuis Google ou depuis le menu, le visiteur a 2 sorties possibles, tester la plateforme ou réserver une démo. Les tarifs, eux, se consultent en ligne, par canal et par destination.

Accueil305 pages

  1. Canaux5

    • Campagne SMS
    • SMS Vocal
    • Email Marketing
    • RCS
    • Live Chat
  2. Solutions9

    • Campagne SMS
    • Email Marketing
    • Email Transactionnel
    • Fichier de prospection
    • HLR Lookup
    • Numéro virtuel
    • OTP
    • SMS Conversationnel
    • SMS Enrichi
  3. Tarifs8

    • SMS France
    • SMS International
    • SMS Vocal
    • RCS
    • Email
    • HLR
    • Numéro virtuel
    • Location de fichiers
  4. Intégrations5

    • Fiche d’intégration× 5
    • Relais SMTP
    • Zapier
    • WooCommerce
    • Albato
    • Ignition
  5. Ressources4

    • Études de cas
    • Étude de cas× 5
    • Modèles de SMS
    • Glossaire
    • Blog
    • Article× 248
  6. Entreprise6

    • Qui sommes-nous
    • Carrière
    • Offre d’emploi× 8
    • Certification ISO 27001
    • Empreinte carbone
    • Documentation
    • Contact
  • Entrée du menu
  • Page
  • Gabarit, page template CMS
Le plan du site, relevé en octobre 2026.
Fil de fer de la page d’accueil d’Octopush : titres et textes en place, images, logos et portraits remplacés par des blocs gris.
Le fil de fer de l’accueil : la structure, avant le design.

02Branding et direction artistique

Identité de marque

Le site part de la marque Octopush, un symbole en mouvement, un vert franc et une gamme de gris bleutés. Chaque déclinaison a son fond, et le logo s’anime.

Le logo Octopush en contour, sur sa grille : le mot mesure 2,2 fois la largeur du symbole.

Le logo en contour et ses repères : le mot fait 2,2 fois la largeur du symbole.
Le logo sur les 4 fonds de la marque.
Le symbole sur les fonds du site, et le logo animé.
  • 100#EBFFF4
  • 200#CFFFE4
  • 300#AFEDCA
  • 400#7DDEA8
  • 500#40C87B
  • 600#009D45Principale
  • 700#168647
  • 800#1A6B3E
  • 900#214832
  • 100#FFFFFF
  • 200#F7F8F8
  • 300#E9E9ED
  • 400#D8D8DC
  • 500#B9B9BC
  • 600#97979E
  • 700#71717C
  • 800#52525C
  • 900#23232BFond sombre
Deux gammes de neuf tons : les verts et les gris.

03Design d’interface

Design system et gabarits

Octopush voulait moderniser son image sans repartir de zéro. Nous avons posé un design system (typographie, couleurs, boutons, cartes), puis conçu un gabarit par type de page. Pages canaux, pages solutions, grilles de tarifs, intégrations, articles de blog.

Une fois les gabarits validés, 1 000 pages héritent du même niveau de finition. La prochaine page créée par l’équipe aussi.

Titres

  • BDO Grotesk Regular
  • BDO Grotesk Medium
  • BDO Grotesk DemiBold
  • BDO Grotesk Bold

La solution marketing 100 % française.

Textes

  • BDO Grotesk Regular
  • BDO Grotesk Medium
  • BDO Grotesk DemiBold
  • BDO Grotesk Bold

Tout ce dont vous avez besoin pour engager vos clients.

BDO Grotesk, en titres et en texte courant.

Typographie

BDO Grotesk

Graisses

  • Regular400
  • Medium500
  • DemiBold600
  • Bold700

Échelle

  • La solution marketing 100 % françaiseH1 / 40 px / Bold
  • Tarifications claires, résultats mesurablesH2 / 32 px / Bold
  • Envoyez vos campagnes SMS en masseH3 / 24 px / DemiBold
  • Tout ce dont vous avez besoin pour engager vos clients.Corps / 16 px / Regular
  • Vert#009D45Appels à l’action
  • Vert foncé#005C28Survols, textes
  • Vert clair#D6FFE8Fonds, étiquettes
  • Encre#23232BTitres, sections sombres
  • Ardoise#64748BTextes courants
  • Gris clairLes solutionsFonds de section

Boutons

Démarrer mon essaiDemander une démo
ConnexionS’inscrire

Étiquettes et questions

La plateforme européenne de marketing multicanalÉconomisez 15%
  1. 1Qu’est-ce qu’un SMS Vocal ?
  2. 2Combien coûte un SMS ?
  3. 3Fonctionnement d’une campagne SMS
Le design system du site : typographie, échelle, couleurs, boutons et composants.

04Design d’interface

Rédaction

Les pages clés ont été réécrites avec l’équipe d’Octopush, de l’accueil aux pages canaux et solutions. Le fil conducteur vient du cadrage. Ce qui fait choisir Octopush, c’est la délivrabilité, l’hébergement en France et un prix lisible, alors chaque page commence par là. Les fonctionnalités arrivent ensuite, comme des preuves, et chaque section se termine sur une action.

Premier écran de l’accueil Octopush : titre, 2 boutons, visuel du produit et logos de clients.
L’accueil, premier écran.
Accueil du site Octopush sur un écran vu de côté, dans un décor très sombre.
L’accueil sur grand écran.
Section sombre de l’accueil : des scénarios par secteur d’activité, dans un carrousel de cartes illustrées.
Les secteurs d’activité : un carrousel de scénarios métiers.
Section Solutions de l’accueil : 6 cartes, dont une verte.
Section de l’accueil : les 3 étapes pour lancer une première campagne.
Première campagne, 3 étapes.
Page Campagne SMS du site Octopush sur un écran d’ordinateur posé sur un socle.
La page Campagne SMS.
Section sombre de la page Campagne SMS : un téléphone qui compose un message, et la plateforme décrite à côté.
Campagne SMS : la plateforme, sur fond sombre.
Section sombre de la page Email Marketing : la plateforme d’envoi d’e-mails.
Section des tarifs de l’accueil.
La page Email Marketing et les tarifs.

05Design d’interface

Version mobile

Chaque page a sa version mobile. Les cartes s’empilent, les rangées d’onglets défilent au doigt, et les sections sombres gardent leur place dans le rythme de la page.

3 iPhone noirs de face : l’accueil d’Octopush, sa section plateforme et les tarifs.
L’accueil sur mobile : premier écran, plateforme, tarifs.
Accueil d’Octopush sur un iPhone noir tenu droit dans une main.
Page SMS Vocal d’Octopush sur un iPhone posé sur une grille de métal, dans un décor noir.
L’accueil en main, la page SMS Vocal sur une grille de métal.
Page Campagne SMS d’Octopush sur un iPhone tenu à 2 mains.
La page Campagne SMS sur iPhone, à deux mains.

06Développement Webflow

Développement et migration

Le site est développé dans Webflow par Le Studio, autour de 7 collections CMS qui portent l’essentiel des pages. Restait à y faire entrer le contenu.

Plus de 500 articles de blog et plus de 300 pages de longue traîne ont été extraits de WordPress par script plutôt qu’à la main (un premier lot de 10 articles a servi de test, et a fait remonter des images en double). Après plusieurs semaines de recette sur un environnement de préproduction, le site a basculé en septembre 2026. L’équipe d’Octopush a été formée en vidéo et en visio pour le faire vivre elle-même.

Page d’accueil du site Octopush.
Gabarit des études de cas du site Octopush : l’étude Cafés Bibal.
L’accueil, puis le gabarit des études de cas.
Page du blog Octopush : filtres par thème et grille d’articles.
Le blog : 248 articles sur le même gabarit.
Page Glossaire du site Octopush.
Page d’accueil du site Octopush.
Page Fichier de prospection SMS du site Octopush.

Résultats

Une bascule complète, sans changer une seule adresse

0
URL modifiée pendant la migration.
Plus de 1 000
pages migrées de WordPress vers Webflow, en 2 langues.
30 000
visites par mois sur le site migré.

Le site est en ligne depuis septembre 2026, avec toutes ses pages et toutes ses adresses. L’équipe d’Octopush, formée à Webflow, le fait vivre elle-même. De notre côté, nous suivons les liens et le trafic depuis la bascule, pour repérer la moindre adresse cassée.

Nos autres projets

Nos expertises : stratégie, UX, CRO, branding, UI, développement web, SEO.