Cas d'usage client

Football Card Game - Un site immersif pour séduire joueurs et investisseurs

Sprint - landing page
10,73%

de taux de conversion

100%

autonome dans la gestion du site

A propos

Football Card Game est un jeu mobile stratégique de type TCG dans l’univers du football.

www.footballcardgame.app

Industrie

Application mobile
Gaming

Compétences

UX/UI Design
Landing page
Intégration Webflow
Migration CMS

Outils

Notion
Figma
Webflow
Humblytics

"Nous avons confié la réalisation complète de notre site internet à Frame-UX, et le résultat dépasse nos attentes. De la phase de conception à l’intégration finale, tout a été mené avec un véritable souci du détail : Maquettes UX/UI pensées avec intelligence, en parfaite cohérence avec nos objectifs et notre identité. Échanges réguliers et constructifs tout au long du processus, avec une vraie capacité d’écoute et de conseil. Intégration front impeccable, responsive et optimisée, jusque dans les micro-interactions. Délais respectés, voire devancés. Bref, un travail d’orfèvre, aussi rigoureux que créatif. Je recommande vivement si vous cherchez un partenaire sérieux, technique, et orienté produit."

Guillaume Franc

CEO

@

FCG

Contexte : Un site qui ne reflétait pas l’ambition du projet

Football Card Game est un jeu mobile stratégique de type TCG dans l’univers du football. Lorsque Guillaume, son fondateur, nous contacte, le jeu attire déjà une communauté de fans, mais leur site WordPress ne suit plus : visuellement dépassé, peu engageant et difficile à faire évoluer.

À l’approche de sa première levée de fonds et du lancement public de son jeu mobile, Guillaume savait qu’il était temps de passer un cap. D’autant plus que l’arrivée de Nicolas Anelka au board ajoutait un poids symbolique fort à la crédibilité du projet.

Problème : leur ancien site WordPress renvoyait une image faible, loin de la qualité du jeu et de l’univers développé. En parallèle, la team voulait capitaliser sur l’attente autour du jeu pour générer des pré-inscriptions et faire lancer leur communauté Discord.

Il fallait un nouveau site qui coche toutes les cases :

  • Un design immersif, à la hauteur de leur application mobile,
  • Une structure pensée pour convertir,
  • Une autonomie totale dans les mises à jour,
  • Une version multilingue pour parler à leur audience globale.

Objectifs : Crédibilité, conversion et autonomie

L’équipe de Football Card Game avait une vision claire pour cette refonte : positionner leur jeu comme une référence sur mobile, aussi bien visuellement que stratégiquement. Leur nouveau site devait remplir trois missions :

  • Renforcer la valeur perçue, en créant un univers visuel immersif aligné avec leur application mobile.
  • Générer un maximum de conversions dès la landing page, en incitant à la pré-inscription et à rejoindre leur communauté Discord.
  • Être 100 % autonome sur la gestion du site : mise à jour de contenus, ajout d’actualités, gestion du blog… sans dépendre d’un développeur.
  • Toucher une audience internationale, avec une version multilingue (FR / EN) parfaitement fluide.

Ces enjeux entrent directement dans le cadre de notre approche Sprint – landing page : aller à l’essentiel avec une structure orientée conversion, tout en posant des fondations solides pour faire évoluer le site dans le temps.

Comment nous avons transformé leur site web en outil de conversion

Pour répondre à l’ensemble des enjeux, nous avons appliqué une méthodologie centrée sur la vitesse d’exécution, la conversion et la valeur perçue.

Voici comment nous avons accompagné l’équipe Football Card Game, étape par étape :

1. Structurer la landing page pour la conversion

Avec plus de 40 % du trafic provenant du mobile, le site devait être pensé mobile-first dès les premiers wireframes. Nous avons conçu une structure claire et rythmée, optimisée pour générer des pré-inscriptions, encourager les visiteurs à rejoindre le Discord, et valoriser les éléments différenciants du jeu.

2. Traduire l’univers du jeu dans une interface cohérente

L’objectif : créer une interface qui en impose dès les premières secondes, aussi crédible pour un fan de TCG que pour un investisseur.

Chaque section a été pensée pour valoriser les assets graphiques du jeu tout en guidant naturellement vers l’action : se préinscrire ou rejoindre leur Discord.

Un équilibre précis entre immersion, hiérarchie et efficacité, au service de la conversion et de la brand.

Avant de penser pixels, nous avons pris le temps de plonger dans l’univers Football Card Game : ses mécaniques, ses visuels, son ambiance. Puis, nous avons mis de l’ordre dans leur Figma : nettoyage, organisation des styles, création d’un UI kit marketing clair, prêt à scaler.

Hero section du site internet Football Card Game
Hero section
Section focus sur Nicolas Anelka du site Football Card Game
Section Nicolas Anelka (Preuve sociale)
Section formulaire de conversion du site Football Card Game
Section formulaire de pré-inscription
Foot du site internet Football Card Game
Footer

3. Développement sous Webflow : Propre, réutilisable, optimisé SEO

Nous avons développé un site entièrement modulaire, avec des composants réutilisables, même par une équipe non technique.

Les contenus dynamiques (articles, actualités) sont gérés via le CMS natif de Webflow.

Côté SEO, nous avons intégré les fondamentaux dès le départ :

  • Structure Hn claire
  • Performances techniques & Core Web Vitals optimales
  • Schema markup
  • Meta-title, meta-description, balises alts
  • Pages auteurs optimisées

Une migration fluide depuis WordPress a été effectuée pour une mise en ligne sans perte de données ni de position.

4. Formation & autonomie

Une session de formation a permis à l’équipe de prendre en main Webflow pour gérer les contenus en toute autonomie : images, textes, articles de blog, liens Discord…

5. Mise en place du tracking avec Humblytics

Nous avons connecté Humblytics pour suivre les conversions clés : pré-inscriptions via formulaire et clics vers le serveur Discord. Les données récoltées permettent d’itérer facilement sur la structure de page.

Avant / Après : Un bond visuel & technique

Difficile de convaincre avec un site qui ne reflète pas la qualité de son produit. L’ancienne version WordPress de Football Card Game était figée, peu engageante, et ne mettait ni le jeu ni la marque en valeur.

Avec la refonte Webflow, le contraste est immédiat :

  • Une direction artistique cohérente avec l’univers du jeu
  • Un site fluide, animé, et responsive
  • Une structure optimisée pour la conversion

Nous avons mis en place une comparaison visuelle pour illustrer ce saut qualitatif.

Avant - Après de la page d'accueil du site internet Football Card Game
Avant - Après de la homepage

Les résultats : Une landing qui joue en ligue des champions

En quelques semaines, Football Card Game est passé d’un site peu engageant à une landing page à forte valeur perçue, parfaitement alignée avec l’ambition du projet.

  • +10,73 % de taux de conversion dès le lancement (Pré-inscriptions)
  • Un site prêt pour la levée de fonds, en phase avec la qualité du jeu et la présence de Nicolas Anelka dans le board
  • Une autonomie totale sur Webflow : ajout d’articles, mise à jour des visuels, adaptation du contenu
  • Un design qui séduit à la fois joueurs passionnés et partenaires stratégiques
Homepage du site internet Football Card Game
Homepage

Sprint - Une landing page pensée pour performer

Une approche rapide et structurée pour créer un site Webflow sur-mesure, optimisé pour convertir, évoluer, et renforcer votre positionnement.

Landing page optimisé pour convertir

Design à forte valeur perçue

Site livré prêt à évoluer, sans dépendance technique

Réserver un appel

+50 entreprises accompagnées

Mis à jour le
19/5/2025

Découvrez nos autres réalisations

Encore plus de cas clients
Découvrez comment nous avons aidé d'autres entreprises à propulser leur croissance.