VOL. 1 / 2026
YOL WEB DESIGN
PROJET 02
Retour Portfolio
02 / 03 2025 Lifestyle Premium
PROJECT VIEW

Xeom

Produits intelligents pour un quotidien redesigné. Direction premium dark, identité singulière.

p. 001 / 003
Xeom — page d'accueil desktop 1440px
01 / DESKTOP VIEW · 1440px
Xeom — rendu mobile 390px
02 / MOBILE VIEW · 390px
THE STORY
2025

Contexte

Xeom Lab conçoit des produits lifestyle pour un quotidien plus intelligent. L’enjeu : une marque qui n’existait pas encore en ligne, avec un positionnement premium qui devait s’imposer d’emblée — sans les codes génériques du e-commerce standard.

Problème

Le brief original révélait une tension : des produits haut de gamme, une ambition de marque forte, mais aucune présence digitale qui leur rendait justice. La tentation du template Shopify était là — on l’a écartée délibérément.

Approche

Direction artistique dark mono comme point de départ non négociable. Canvas sombre, espace négatif travaillé, typographie monospace pour la rigueur. Chaque module conçu pour répondre à une question que le prospect se pose avant même de la formuler.

Le principe : le site doit faire ressentir la qualité du produit avant que l’utilisateur ait lu une seule ligne.

THE STACK

Chaque outil sélectionné pour sa fiabilité sur les réseaux africains, sa prise en main autonome post-livraison, et sa compatibilité avec le budget opérationnel d'un professionnel indépendant.

Design Dark Mono Premium Canvas sombre, typographie rigoureuse, espace blanc maîtrisé
Frontend HTML / CSS / JS Vanilla, interactions CSS-first, zéro dépendance superflue
Deploy Netlify CDN global, HTTPS auto, pipeline simplifié
Motion CSS animations Reveals au scroll, transitions produit fluides
Performance Lighthouse 90+ Images WebP compressées, fonts en preload, JS minimal
UX Product-led design Chaque section conçue pour mettre le produit en scène
THE OUTCOME
21J Brief au deploy Conception, développement et mise en ligne en trois semaines calendaires.
D6 Direction artistique Dark canvas #0a0a0a, typographie IBM Plex Mono, accent neutralisé.
100% Mobile ready Expérience tactile optimisée dès 390px, performances Lighthouse 90+.

"Le site parle avant le produit. C'est exactement ce qu'on voulait."

Fondateur, Xeom Lab