Aller au contenu

Rewind : création du site d'une plateforme IA touristique

Rewind permet aux musées, offices de tourisme et hôtels de produire des contenus avec l'IA. Son site devait parler aux décideurs et aux équipes éditoriales, sans laisser la technologie masquer les usages.

Rewind a confié à Gemeos, agence web spécialisée dans le tourisme, la direction artistique, les parcours UX/UI, l'intégration Webflow et le SEO.

Page d’accueil du site Rewind sur un ordinateur portable : « L’IA qui crée et diffuse vos contenus culturels »

Rendre l'IA concrète pour les acteurs de la culture et du tourisme

Rewind s'adresse aux musées, offices de tourisme, hôtels et transporteurs qui produisent des contenus pour leurs visiteurs. Son évolution d'une application d'audioguide vers une plateforme de création assistée par IA imposait de clarifier les usages du produit et sa place dans le travail des équipes éditoriales, sans réduire le discours à une promesse technologique.

Gemeos a conçu un univers visuel à la croisée du patrimoine culturel et de l'innovation. Les parcours UX/UI distinguent les attentes des décideurs de celles des équipes qui créent les contenus. L'intégration Webflow et la structuration SEO des pages par cas d'usage rendent cette offre plus lisible pour ses différents marchés.

Industrie
Saas
Services
DA
UX/UI Design
Intégration
SEO
Maquettes de la page d’accueil Rewind en versions sombre et claire : « Des contenus sur-mesure pour tous vos visiteurs »

Direction Artistique

Rewind est une plateforme SaaS d'IA dédiée à la création de contenu culturel et touristique. Fondée par Julien Wouters (HEC, 34 ans), la startup a pivoté en 2024 d'une application audioguide vers une véritable plateforme de création de contenus pour musées, offices de tourisme, hôtels et transporteurs.

Le positionnement visé : devenir le "standard mondial de la création de contenu culturel et touristique". La DA devait incarner ce mix unique entre patrimoine culturel et innovation technologique.

Identité visuelle

Vincent a construit l'identité autour d'une palette premium, minimale et tech. La couleur de marque, le bleu #86E3CE, a été conservée comme accent distinctif et signal de continuité avec l'identité existante. Elle apporte une touche de fraîcheur et d'originalité sur un fond sombre ou clair selon le contexte.

Les références de design, tomorro.com (top 1), join-stories.com, dust.tt, tryriot.com, zeliq.com, ont orienté les choix vers un design SaaS moderne : espacements généreux, typographie forte, animations subtiles.

Positionnement concurrentiel

Face à Vox, Orphéo, Smartify et Ask Mona, Rewind se positionne sur la création de contenu (vs. la simple diffusion). La DA reflète cette différence : moins muséale, plus startup tech. L'image projetée est celle d'un partenaire créatif plutôt que d'un outil technique.

  • Typographie Geist de Rewind, « Aa » blanc et menthe sur fond vert forêt
  • Palette animée Rewind : vert forêt, menthe, soleil et blanc
  • Le W de Rewind dans son anneau jaune : avant, pendant et après la visite s'allument tour à tour, sur le fond vert sombre quadrillé du site
  1. Concept 1 : Vert & Épuré

    Un design clair sur fond vert menthe doux qui installe immédiatement une identité fraîche et distinctive. Le hero combine typographie bold avec mot-clé souligné en accent et visuels de documents flottants qui démontrent le produit en contexte. Les cards features en noir et vert structurent l'offre avec impact. Le bloc testimonial sombre avec photographie plein format crée une rupture visuelle forte et mémorable. Une direction propre et moderne qui se démarque dans l'univers du contenu culturel et muséal.

  2. Concept 2 : Blanc & Produit-First

    Un design épuré sur fond blanc cassé qui met l'interface produit au centre dès le second fold. La capture d'écran pleine largeur de la plateforme démontre la richesse fonctionnelle de l'outil sans détour. Les cards features alternent texte et photographie humaine pour équilibrer preuve produit et proximité. Le logos clients en double rangée renforce la crédibilité institutionnelle. La direction la plus transparente et pédagogique, pensée pour des prospects qui veulent évaluer l'outil en profondeur avant de s'engager.

  3. Concept 3 : Dark & Premium

    Un hero sombre avec fond ardoise qui repositionne Rewind dans un univers tech premium et sérieux. Le mot-clé souligné en vert conserve la signature colorée mais dans un contexte plus sophistiqué. Les cards features sur fond sombre avec icônes colorées créent un contraste visuel fort. Le bloc économies sur fond sombre avec photographie immersive clôt la page avec impact. Cette direction parle aux grands comptes et institutions culturelles qui cherchent un partenaire technologique ambitieux et fiable.

Maquette de page d’accueil Rewind sur fond vert menthe : « Des contenus sur-mesure pour tous vos visiteurs »
Concept 1
Laptop affichant le fichier Figma de Rewind avec les maquettes desktop et mobile du site sur fond sombre

Design UX/UI

La conception UX de Rewind devait servir deux audiences simultanément : les décideurs culturels (directeurs de musées, responsables tourisme) qui évaluent l'investissement, et les équipes contenu qui utilisent la plateforme au quotidien.

Architecture de la plateforme

Vincent a structuré l'expérience autour de la promesse centrale : 80% de temps économisé sur la production de contenu. L'interface met en avant les flux de création assistée par IA, génération de texte, adaptation multilingue, personnalisation par parcours, avec une progression claire du brouillon à la publication.

Site marketing

Le site rewindstories.com/fr adopte une structure narrative : le nom "Rembobiner" (rewind) évoque le retour aux sources, la mémoire patrimoniale, l'immersion dans l'histoire. La navigation guide le visiteur à travers les use cases (audioguides, parcours thématiques, contenus événementiels) avant de le convertir en démo ou essai gratuit.

Planning design

PhaseSemainesLivrable
Look & Feel1-2Direction artistique validée
Maquettes3-4Pages clés haute fidélité
Itérations5Versions finales validées
  • Écrans du Studio IA de Rewind en perspective : création de contenu, éditeur audio, menu et bibliothèque de fichiers qui se posent et flottent
  • Offres Rewind Starter, Pro et Entreprise : les cartes montent, la Pro jaune se soulève et chaque ligne de l'offre apparaît
  • Écran Pro Display XDR posé sur un bloc de béton devant un fond jaune, ouvert sur l'accueil de Rewind « L'IA qui crée et diffuse vos contenus culturels & promotionnels »
Smartphone affichant la page d’accueil mobile de Rewind : « L’IA qui crée et diffuse vos contenus culturels »

Intégration Webflow

L'intégration de Rewind a couvert 8 semaines (juillet à début septembre 2025), avec une attention particulière portée aux animations et à la performance, deux critères essentiels pour un site qui doit impressionner des décideurs culturels exigeants.

Stack et approche

Webflow a été choisi pour sa flexibilité de design et sa capacité à livrer des expériences visuellement riches sans compromettre les performances SEO. Les animations, scroll-triggered, hover states, transitions de page, ont été conçues pour amplifier la dimension narrative du produit sans alourdir le temps de chargement.

CMS et multilingue

La structure CMS permet à l'équipe Rewind de gérer de manière autonome les cas clients, les ressources et le blog. La version française (rewindstories.com/fr) a été priorisée pour le lancement, avec une architecture compatible avec une extension internationale.

  • iPhone appuyé contre un bloc de béton sur fond menthe : l'appli audioguide Rewind passe du parcours de Montmartre à la traversée vers La Rochelle puis au plan de l'Aquarium de Paris
  • Lecteurs audio Rewind : « Écoutez le capitaine (FR) » joue, puis « Écoutez l'IA traduire en temps réel (EN) »
Page d’accueil du site Rewind sur un ordinateur portable : « L’IA qui crée et diffuse vos contenus culturels »

SEO

La stratégie SEO de Rewind s'est construite autour d'un enjeu spécifique : la startup opère sur un marché de niche (logiciels de création de contenu culturel) avec des volumes de recherche faibles mais une intention d'achat très qualifiée.

Stratégie sémantique

L'approche retenue : cibler en priorité les requêtes transactionnelles et de comparaison dans le secteur ("audioguide numérique", "création contenu musée", "logiciel office de tourisme") plutôt que des requêtes informationnelles génériques. Chaque page de use case a été optimisée pour capturer une intention spécifique.

Architecture SEO

La structure de l'URL (rewindstories.com/fr/...) intègre le préfixe de langue dès le lancement pour faciliter l'indexation multilingue future. Les pages de secteur (musées, offices de tourisme, hôtels, transporteurs) constituent des landing pages SEO autonomes avec leurs propres meta données et contenu optimisé.

Balises et données structurées

Balises title et meta descriptions individualisées par page, schema markup Organization et SoftwareApplication, breadcrumbs structurés. L'objectif : être positionné sur les requêtes clés avant la prochaine levée de fonds de Julien Wouters.

  • MacBook Pro sur un bloc de béton devant un fond vert sombre, ouvert sur la page Hub digital de Rewind « Le hub digital IA pour accompagner vos visiteurs à chaque étape »

Nos dernières réalisations

+250 entreprises accompagnées

Des sites designés et développés avec

Voir tous les projets

Vous allez notre collaboration, c’est garanti

Prêt à faire décoller votre activité ?

demander un devis

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