Trouve Ta Ref !? · Projet · Hugo Bourgeois

Trouve Ta Ref !?

Mode · 189k TikTok · 123k Instagram

INTRO Un influenceur mode suivi par plus de 300 000 personnes sur TikTok et Instagram cherchait quelqu'un pour l'aider à créer son site. Nous avons donc collaboré, couleurs, fonctionnalités, identité, jusqu'au résultat qu'il souhaitait. Réalisé sous WordPress avec des développements HTML/CSS/JS sur mesure, le site lui permet de gérer son contenu en totale autonomie.

Voir le site

Un influenceur mode suivi par plus de 300 000 personnes sur TikTok et Instagram cherchait quelqu'un pour l'aider à créer son site. Nous avons collaboré sur les couleurs, fonctionnalités et l'identité, jusqu'au résultat souhaité. Réalisé sous WordPress avec des développements HTML/CSS/JS sur mesure.

Site web sur mesure pour un influenceur mode, galerie de tenues communautaires, cadres vidéos & catalogue produits.

01 / 04 · Page d'accueil

Cadres vidéos
& barre de recherche

La page d'accueil "Les Vidéos !?" est le cœur du site. Une barre de recherche centrale permet de retrouver n'importe quelle vidéo instantanément. En dessous, les cadres vidéos s'affichent en grille : chacun représente une vidéo dans laquelle l'influenceur présente des produits mode. Le mascotte personnalisé du créateur et les icônes de réseaux sociaux (YouTube, TikTok, Instagram) sont intégrés directement dans l'interface.

WordPress Recherche temps réel Cadres vidéos JavaScript

Page d'accueil · REF!? barre de recherche et cadres vidéos

02 / 04 · Vos REF !?

Galerie des
tenues communautaires

La page "Vos REF !?" affiche les tenues soumises par la communauté en grille responsive (5 colonnes desktop, 2 colonnes mobile). Trois segments sont disponibles : Communauté, Friends & Family, identifiés par une bordure rayée dorée distinctive, et Maëlle's. Chaque carte affiche le nom de l'auteur et donne accès au détail produit.

CSS Grid Communauté Friends & Family

Vue desktop

Vue mobile

03 / 04 · Interactivité

Recherche &
filtres dynamiques

Une barre de recherche permet de filtrer les tenues par mot-clé, marque, couleur ou nom d'auteur. Trois chips de filtre permettent de basculer entre les segments de la communauté. Les résultats se mettent à jour instantanément sans rechargement de page, une expérience fluide pensée pour mobile comme desktop.

JavaScript Filtres temps réel UX mobile

04 / 04 · Fonctionnalité clé

Drawer de
détail produit

Cliquer sur le bouton "?" d'une tenue ouvre un panneau coulissant depuis le bas de l'écran. Il présente en carousel les pièces constituant la tenue, image, nom, prix et lien direct vers le produit. Navigation par flèches sur desktop, gestes swipe sur mobile. L'ensemble est optimisé pour iOS.

JavaScript Carousel Touch / Swipe Mobile-first

Desktop

Mobile

Impact & résultats

Des chiffres qui parlent

Story Instagram · stats Analytics du site en moins de 2 semaines

Story Instagram · REF!?, Mow

"En même pas 2 semaines
c'est juste une dinguerie en fait !?"

L'influenceur a publié cette story quelques jours après le lancement, partageant les stats Google Analytics à sa communauté. Le site venait d'être mis en ligne, les chiffres reflètent l'afflux immédiat de son audience TikTok et Instagram.

11k

Utilisateurs actifs sur le site en moins de deux semaines après le lancement.

Google Analytics · Janv. 2026

63k

Événements enregistrés en moins de deux semaines, interactions, clics, recherches.

Google Analytics · Janv. 2026

189k · 123k

Followers TikTok et Instagram, une audience active qui a afflué dès le lancement.

@trouvetaref (TikTok) · @trouvetaref_ (Instagram)

Autonomie totale

Le client gère et alimente son site en toute autonomie via WordPress. Accompagnement complet : hébergeur, domaine, prise en main de l'admin.

Hostinger · Formation incluse · WordPress CMS

Cadres vidéos& barre de recherche

Galerie destenues communautaires

Recherche &filtres dynamiques

Drawer dedétail produit

Des chiffres qui parlent

À la recherche d’une alternance et ouvert aux projets freelance.

Cadres vidéos
& barre de recherche

Galerie des
tenues communautaires

Recherche &
filtres dynamiques

Drawer de
détail produit