Race Media background

Une transformation Branding, UX/UI & Développement pour The Race Media

Contact Us
Race Media website on a laptop

Client

The Race Media

Délai

15 Jours

Livrable

Recherche UX & Design UI (Figma)

Développement complet du site web

Déploiement AWS

POINTS DE DOULEUR

The Race Media disposait d'une offre de services solide, mais leur présence numérique ne la reflétait pas. Le site web existant manquait de cohérence visuelle, souffrait d'une mauvaise expérience utilisateur sur les différents appareils et ne parvenait pas à communiquer l'énergie et l'autorité de la marque sur le marché suisse des réseaux sociaux. Les visiteurs avaient du mal à comprendre la proposition de valeur de l'agence en un coup d'œil, ce qui entraînait des conversions manquées et de mauvaises premières impressions.

SOLUTIONS

Nous avons abordé cela comme une transformation numérique complète, en partant de l'identité de marque pour passer par la stratégie UX, le design UI et le développement. Le nouveau site web offre à The Race Media une présence propre et moderne qui communique clairement ses services, établit la confiance avec les clients potentiels et guide naturellement les utilisateurs vers une consultation.

APERÇU

The Race Media est une agence suisse de médias sociaux à service complet fondée en 2025, spécialisée dans la création de contenu, la production vidéo, le marketing à la performance et la gestion des réseaux sociaux pour les PME en Suisse. Malgré une gamme de services convaincante, leur site web basé sur WordPress manquait du raffinement visuel et de la clarté structurelle nécessaires pour convertir les visiteurs en clients. Notre agence a été sollicitée pour remanier l'UI/UX, en créant un nouveau langage de design grâce à des palettes de couleurs raffinées, une typographie réfléchie et un système de mise en page intuitif, le tout mis en œuvre dans l'environnement WordPress et PHP/JS/MySQL existant.

Technologies

  • WordPress (CMS)WordPress (CMS)
  • CSS ( Frontend )CSS ( Frontend )
  • MySQL ( Base de données )MySQL ( Base de données )
  • Javascript ( Frontend )Javascript ( Frontend )
  • PHP ( Backend )PHP ( Backend )

Logiciels de design

  • FigmaFigma
  • Adobe PhotoshopAdobe Photoshop
  • Adobe IllustratorAdobe Illustrator

Déploiement & Administration serveur

  • Amazon Web ServicesAmazon Web Services
  • Instance EC2Instance EC2
  • Buckets S3Buckets S3

SERVICES

Nous avons fourni à The Race Media une refonte numérique complète couvrant chaque étape du processus, de la conception au déploiement.

Design de palette de couleurs
Système typographique
Design UI / UX
Développement WordPress
Design web responsive
Optimisation des performances

Notre Décision

The Race Media a été fondée en 2025. Cela signifie : pas de système legacy, pas d'ancien contenu — mais aussi encore aucune confiance établie sur le marché. Le défi n'était pas technique, il était de positionnement. Nous aurions pu passer à un stack plus moderne — Next.js, un CMS headless, une nouvelle infrastructure. Nous avons consciemment choisi de ne pas le faire. Le stack WordPress et PHP/MySQL existant fonctionne de manière fiable, l'équipe le connaît, et un changement de technologie aurait pris des mois que The Race Media n'avait pas. Au lieu de cela : impact maximal par le design et la structure — dans l'environnement existant, en 15 jours.

Design Graphique

01IDENTITÉ VISUELLE
02PALETTE DE COULEURS
1. couleur primaire2. couleur secondaire3. accessibilité (ratio de contraste)
03TYPOGRAPHIE
1. sélection de police2. lisibilité
01
IDENTITÉ VISUELLE
The Race Media branding banner
The Race Media logo
The Race Media branding top right
dots behind
The Race Media branding bottom right
02
PALETTE DE COULEURS
A168D9181818404040F3F3F3

COULEUR

03

TYPOGRAPHY

PrimaryPhosphateRRSolid
SecondaryInter
font preview
Extra LégerThe Race Media

Le rapide renard brun saute par-dessus le chien paresseux

NormalThe Race Media

Le rapide renard brun saute par-dessus le chien paresseux

MoyenThe Race Media

Le rapide renard brun saute par-dessus le chien paresseux

Semi GrasThe Race Media

Le rapide renard brun saute par-dessus le chien paresseux

GrasThe Race Media

Le rapide renard brun saute par-dessus le chien paresseux

Design UX/UI

Chaque écran du site web de The Race Media a été conçu dans Figma en suivant un processus UX structuré, de la cartographie des flux utilisateurs et du wireframing jusqu'à l'UI haute fidélité.

Composants UI

Buttons & ControlsTypography list

Vue bureau

La mise en page bureau semble structurée et confiante, avec un hero fort, un flux de services logique et des appels à l'action clairs tout au long. Une typographie soignée et des images de projets de qualité donnent au site un ton professionnel qui correspond aux standards de service de The Race Media.

Race Media desktop view on laptop

Pages principales

Notre travail

Une grille de portfolio vidéo évolutive présentant de vrais résultats clients. Chaque entrée est gérée via le CMS WordPress, ce qui permet à l'équipe d'ajouter facilement de nouveaux travaux sans toucher au code.

Notre travail

À propos de nous

Une page structurée présentant le positionnement, les valeurs et les différenciateurs de l'agence, conçue pour instaurer la confiance et communiquer l'identité confiante et orientée client de la marque.

À propos de nous

Carrière

Une mise en page claire et lisible présentant les postes ouverts avec des annonces extensibles, reflétant la culture audacieuse de l'agence et permettant à l'équipe de gérer les offres de manière indépendante via WordPress.

Carrière

Nous contacter

Un formulaire de contact minimal et sans distraction développé avec PHP et MySQL, conçu pour réduire les abandons et transformer l'intention des visiteurs en demandes directes de clients.

Nous contacter

Vue mobile web

Race Media mobile view hero

Chaque section a été conçue pour s'adapter naturellement aux écrans plus petits. La navigation, la mise en page du contenu et les CTAs répondent tous proprement au mobile, offrant aux utilisateurs la même expérience de qualité quel que soit l'appareil.

side1Image
side2 Image
side3 Image
CustomerS1 Image
CustomerS2 Image
CustomerS3 Image
CustomerS4 Image

DÉVELOPPEMENT

Nous avons construit le site en utilisant un thème WordPress personnalisé avec du PHP, HTML et CSS écrits à la main pour implémenter précisément les designs Figma. JavaScript a été utilisé de manière sélective pour garder le site rapide et focalisé.

Métriques de Performance (KPIs)

Le site web a été construit avec la performance comme exigence principale dès le premier jour, et non comme quelque chose d'adressé après le lancement.

Performance de Chargement des Pages

Réduction du LCP de 3,5s à 1,1s, soit un temps de chargement 68% plus rapide.

Temps de chargementAvant
3,5s
Temps de chargementAprès
1,1s

Design Responsive

Correction de 12 décalages de mise en page mobile pour atteindre 100% d'utilisabilité sur tous les appareils.

UtilisabilitéAvant
40%
UtilisabilitéAprès
90%

Optimisation SEO

Score SEO amélioré de 65 à 94 et visibilité organique augmentée de 115%.

Score SEOAvant
40%
Score SEOAprès
99%

Fiabilité du Système

Latence réduite de 195ms à 38ms tout en maintenant 99,99% de disponibilité.

FiabilitéAvant
40%
FiabilitéAprès
99%

Croissance des Leads

Augmentation de 22,5% MoM des demandes et doublement du taux de conversion.

MoMAvant
10%
MoMAprès
22,5%

Principaux défis de développement & solutions

01Défi : Identité visuelle incohérente
02Défi : Mauvaise réactivité mobile
03Défi : Construire un CMS que le client peut gérer indépendamment

Problème:Pas de langage de design unifié sur les pages, rendant la marque fragmentée.

Solution:Un système de design centralisé avec des variables CSS réutilisables a assuré une cohérence visuelle totale.

01

Problème:La mise en page originale se cassait sur les petits écrans sans approche mobile-first.

Solution:Reconstruit en utilisant CSS grid et flexbox avec des points de rupture personnalisés, testé sur tous les appareils.

02

Problème:Le site web précédent était difficile à mettre à jour, laissant le contenu obsolète avec le temps.

Solution:Nous avons structuré le backend WordPress avec des blocs éditables clairement étiquetés, donnant à l'équipe The Race Media un contrôle total sur le contenu sans dépendance technique.

03

Architecture technique & pile technologique

Construit sur une pile propre et maintenable choisie pour la performance et la facilité d'utilisation à long terme.

WordPress

Donne au client un contrôle éditorial complet sans dépendance technique.

PHP

Alimente les templates personnalisés et la fonctionnalité dynamique des pages.

MySQL

Base de données relationnelle structurée gérant de manière fiable toutes les données utilisateurs et les demandes.

JavaScript

Gère les éléments interactifs et les transitions fluides sans ajouter de charge inutile.

Conclusion

Une nouvelle agence n'a qu'une seule première impression. Pas de portfolio qui parle de lui-même. Pas d'années sur le marché pour construire la confiance. Ce qui reste : le site web — et s'il communique en trois secondes qu'on est entre de bonnes mains ici.

Pour The Race Media, c'était la mission : créer une présence digitale qui transmet immédiatement l'énergie et le professionnalisme de la marque — sans que le visiteur ait à chercher longtemps. Nouveau langage de design, structure claire, mise en page orientée conversion. En 15 jours.

The Race Media montre ce qui est possible quand on n'attend pas un grand budget ou des années de présence de marque. Pour les jeunes entreprises qui ont besoin de paraître professionnelles maintenant : c'est la preuve que c'est possible.

Prêt à commencer ?

sds_logo

Snow Dream Studios est un studio digital premium de Zurich — spécialisé dans le web, les logiciels et la stratégie digitale. Nous créons des produits digitaux qui fonctionnent, convainquent et grandissent.

Switzerland (CH)

location_icon

Schärenmoosstrasse 77
8052 Zürich

location_icon

+41 79 667 68 17

alarm_icon

Lundi - Vendredi (UTC+02:00)
Heures sur site : 08:00 - 17:00

© 2026 Snow Dream Studios GmbH — Zurich, SwitzerlandPolitique de confidentialité Conditions générales Mentions Légales