Projet UX/UI · Site vitrine · Web & mobile
TBS Distribution
Le site d'un loueur d'équipement de réception à Lomé : quatre métiers, une galerie de réalisations et une demande de devis à portée de pouce.
Mon rôle
Maquette UX/UI, intégration et mise en ligne
Contexte
TBS Distribution, à Agôè-Démakpoè (Lomé), loue du mobilier, de l'art de la table, du décor, du son et de la lumière pour des réceptions de 20 à 2 000 invités. L'entreprise compte quatre branches — Équipements, Events, Études & Conseils, Agro — et huit domaines d'intervention.
Problème
Un client qui prépare un mariage veut voir des réalisations, comprendre ce que l'entreprise peut fournir et obtenir un prix rapidement, le plus souvent depuis son téléphone et par WhatsApp plutôt que par e-mail. Le site devait montrer beaucoup (quatre métiers, des centaines de références) sans noyer le visiteur, et mener chaque page vers une demande de devis.
Utilisateurs
Organisateur de réception
Voir des réalisations proches de son projet (mariage, cérémonie, entreprise) et demander un devis sans attendre.
Équipe TBS
Recevoir des demandes complètes et les suivre depuis un espace dédié, sans perdre un contact.
Processus
- 01
Maquette
Six pages maquettées et validées avec TBS dans la charte Sable & Or, avant l'intégration.
- 02
Galerie
Réalisations filtrables par collection — mariages, cérémonies, entreprise, décor, fournitures — et filtre repris dans l'adresse pour partager un lien.
- 03
Devis
Formulaire guidé, erreurs sous chaque champ, accusé de réception ; sur mobile, une barre Appeler / WhatsApp / Devis toujours visible.
- 04
Deux chartes
Sable & Or par défaut, Bleu & Rouge tirée du logo : le visiteur passe de l'une à l'autre, contrastes AA dans les deux.
Écrans du design
Version web
Accueil
Le titre et les deux actions — découvrir les services, demander un devis — au-dessus de la ligne de flottaison.
Services
Les quatre branches en onglets, puis tout ce que TBS fournit, domaine par domaine.
Galerie
Une planche qui fait défiler les collections ; un clic sur la carte filtre la galerie.
Demande de devis
On choisit d'abord la branche concernée, puis on décrit sa réception.
Version mobile
Accueil
La barre Appeler / WhatsApp / Devis reste en bas de l'écran sur toutes les pages.
Menu
Un tiroir plein écran, le bouton de devis et le choix de la charte.
Services
Les branches défilent au doigt, sans quitter la page.
Galerie
La même planche de collections, recadrée pour le téléphone.
Demande de devis
Les quatre branches en grandes cases faciles à toucher.
FAQ
Une recherche dans les questions et des filtres par branche.
Où en est le projet
En ligne sur tbstogo.com depuis octobre 2026 : 68 pages en français et en anglais, 100/100 en accessibilité sur Lighthouse. Prochaine étape : remplacer les photos de la maquette par celles des réceptions de TBS.
Un projet en tête ?
Discutons de votre marque et de vos besoins visuels.