Gando BAH
Designer UX/UI Développeur Web Freelance
« L’expertise créative et technique au service des marques visionnaires : concevoir, coder et sublimer votre présence digitale. »
A propos de Moi
« Passionné par l’alliance de l’image et du code, j’accompagne les entreprises dans leur transformation digitale à travers une approche créative à 360°. »
Développer avec passion, s'inspirer du monde pour concevoir l'exceptionnel.
Bienvenue dans mon univers numérique. Je suis Gando BAH, designer UX/UI et développeur web, passionné par la création d’expériences digitales qui marquent les esprits.
Mon approche repose sur une conviction simple : un produit numérique réussi doit être aussi beau qu’efficace. C’est pourquoi j’ai choisi de maîtriser l’intégralité de la chaîne de création. De la réflexion stratégique sur l’expérience utilisateur (UX) à la conception d’interfaces élégantes (UI), jusqu’au développement technique rigoureux, j’accompagne mes clients de l’idée initiale à la mise en ligne finale.
Ce qui me distingue, c’est ma vision créative à 360°. Au-delà du code et du design d’interface, je mobilise des compétences avancées en graphisme et production audiovisuelle. Cette polyvalence me permet d’offrir une cohérence esthétique totale à vos projets, en intégrant des supports visuels et des contenus vidéo qui subliment votre identité de marque.
Curieux de nature et toujours en quête d’innovation, je puise mon inspiration dans la diversité du monde pour proposer des solutions modernes, durables et parfaitement adaptées aux enjeux des marques visionnaires.
Travaillons ensemble pour transformer votre vision en une réalité digitale d’exception.
Mes Services
Propulser votre marque : comment je peux vous aider
Design UI/UX
– Description : Création d’interfaces intuitives et esthétiques centrées sur l’utilisateur.
– Détails : Audit UX, Wireframes, Maquettes haute fidélité, Prototypage interactif, Design System.
– L’objectif : Transformer vos idées en un produit facile à utiliser et visuellement captivant.
Développement Web
– Description : Réalisation technique de sites performants, sécurisés et optimisés.
– Détails : Sites vitrines, E-commerce (WordPress, Magento), Applications Web (React/Next.js), Optimisation SEO.
– L’objectif : Garantir une présence en ligne robuste, rapide et adaptée à tous les écrans (Responsive).
Vidéo et Identité
– Description : Sublimer votre communication par l’image et la vidéo.
– Détails : Prestation event photo ou video, Montage vidéo promotionnelle, Création de logos, Chartes graphiques, Supports print etc.
– L’objectif : Assurer une cohérence esthétique totale sur tous vos canaux de communication.
Un process de
crétion efficace en 5 étapes.
De l’idée à la mise en ligne : un accompagnement structuré pour des résultats d’exception.
Tout projet commence par une compréhension profonde de votre business. Cette phase de « Discovery » permet d’aligner vos objectifs avec les besoins de vos utilisateurs.
Analyse du besoin : Étude de la concurrence et définition des KPIs.
Cible : Création de Personas pour comprendre à qui l’on s’adresse.
Livrables : Compte-rendu stratégique, Personas, Benchmark concurrentiel.
C’est ici que l’intelligence du projet se construit. Je structure l’information pour garantir une navigation fluide et intuitive.
Architecture : Création de l’Arborescence du site (Sitemap) pour organiser les contenus.
Logique de navigation : Définition des User Journeys (parcours utilisateur) et des User Flows (flux de navigation) pour éliminer tout point de friction.
Structure : Réalisation de Wireframes (maquettes fonctionnelles) en noir et blanc pour valider l’ergonomie.
Une fois la structure validée, je donne vie à votre vision par l’esthétique et l’émotion.
Identité visuelle : Création ou adaptation de votre charte graphique (couleurs, typographies).
Haute fidélité : Conception des maquettes finales pixel-perfect.
Interactivité : Mise en place d’un prototype interactif pour tester l’expérience avant le développement.
Livrables : Maquettes Haute Fidélité (Figma), Prototype interactif, Design System.
Le design rencontre la technique. Je transforme les maquettes en une solution numérique robuste et évolutive.
Code propre : Développement sur-mesure (React, Next.js) ou CMS (WordPress, Shopify) selon vos besoins.
Responsive Design : Optimisation parfaite pour mobiles, tablettes et ordinateurs.
SEO Technique : Structure du code optimisée pour le référencement naturel.
Livrables : Code source optimisé, Site web responsive (Staging/Pré-production).
Avant la mise en ligne, chaque détail est passé au crible pour garantir une qualité irréprochable.
QA Testing : Vérification des bugs, de la vitesse de chargement et de la sécurité.
Formation : Prise en main de l’outil pour que vous soyez autonome dans la gestion de vos contenus.
Mise en production : Déploiement sur serveur et suivi post-lancement.
Livrables : Site en production, Guide d’utilisation (PDF ou Vidéo), Rapport de test de performance.
Mes projets récents
🌱 GreenNest : Une Oasis Numérique Éco-Responsable
Ce projet de design d’interface est axé sur la vente de plantes d’intérieur. L’objectif était de créer une expérience d’achat sereine et intuitive, en utilisant une esthétique naturelle qui reflète l’identité écologique de la marque.
🎨 UI et Esthétique Visuelle
Ce bloc analyse l’identité graphique et les choix visuels du projet.
🌿 Palette Chromatique Organique : Utilisation de nuances de vert sauge et de tons crème. Ce choix de couleurs renforce le sentiment de fraîcheur et de bien-être, tout en restant très professionnel.
🖼️ Composition Aérée (White Space) : Un usage généreux des espaces vides permet aux produits de « respirer ». Les visuels de haute qualité des plantes deviennent les éléments centraux de l’interface.
🏷️ Composants Doux : L’utilisation de bordures très arrondies sur les boutons et les cartes produits apporte une douceur visuelle qui correspond à la thématique « nature et maison ».
UX et Stratégie de Conversion
Ce bloc détaille l’efficacité de la structure et l’engagement utilisateur.
📊 Preuve Sociale Intégrée : L’affichage des statistiques (1,900+ clients, 4.9★) dès le header et la section témoignages clients permettent de construire une confiance immédiate avec l’utilisateur.
🛒 Navigation Orientée « Boutique » : La catégorisation claire (« Nos plantes préférées ») et les fiches produits épurées simplifient le processus de sélection et réduisent la charge cognitive lors de l’achat.
📬 Rétention & Engagement : L’intégration d’une section blog (« Du blog GreenVibe ») et d’un abonnement newsletter élégant permet de transformer un visiteur ponctuel en un membre actif de la communauté.
🎵 Projet : Odyssey – Plateforme de Festival Musical
Ce projet consiste en la conception d’une plateforme web complète pour le festival de musique Odyssey. L’objectif était de créer une interface immersive, dynamique et centrée sur l’utilisateur, reflétant l’énergie d’un événement « Live »..
🧠 Expérience Utilisateur – UX
L’approche UX est résolument « User-Centric », transformant une simple plateforme d’information en un véritable hub immersif. L’objectif est de réduire la friction entre la découverte de l’artiste et l’acte d’achat.
Immersion Auditive : L’intégration d’un lecteur audio directement sur la page d’accueil permet une validation immédiate du contenu artistique, augmentant le temps de rétention sur le site.
Accessibilité de l’Information : Le tableau du line-up offre une lecture rapide par colonnes (Jour / Heure / Scène), facilitant la planification pour l’utilisateur. L’ajout de filtres souligne une volonté de personnalisation du parcours.
Social Proof & Engagement : L’inclusion d’un flux de commentaires sociaux (« Restez Connecté ») humanise la plateforme et rassure l’utilisateur via la preuve sociale avant l’achat d’un billet ou d’un vinyle.
Conversion Optimisée (CRO) : Les appels à l’action sont stratégiquement placés : un bouton « S’abonner » distinct, des options « Ajouter au panier » rapides pour le merchandising, et un tunnel de réservation clair.
🎨 Identité Visuelle et Interface
Ce projet se distingue par une esthétique « Glassmorphism » moderne, mêlant habilement profondeur et minimalisme. L’interface utilise une palette de couleurs sophistiquée centrée sur le Deep Purple et des dégradés éthérés, renforçant l’aspect premium et nocturne d’un festival de musique.
Hiérarchie Typographique : L’utilisation d’une police condensed massive pour les titres (ex: « FEST ») crée un contraste saisissant avec la calligraphie fluide du nom de l’artiste. Cela guide instantanément l’œil vers l’élément central.
Composants Graphiques : Les éléments flottants, comme le lecteur audio et les billets stylisés, utilisent des arrondis généreux (Border-radius) et des ombres douces pour simuler une superposition physique tangible.
Iconographie & Micro-interactions : L’usage d’icônes filaires minimalistes et de boutons aux contrastes élevés (CTA « JOIN! ») assure une navigation intuitive tout en conservant une élégance visuelle.
Cohérence Multi-supports : La déclinaison des widgets (Line-up, Boutique, Contact) montre une maîtrise de la grille et de la modularité des composants
☕ Nespresso : Une Expérience Café Numérique Premium
Ce projet explore la refonte de l’expérience client numérique pour une marque de café de luxe, en déclinant un design cohérent sur mobile et desktop. L’objectif est d’allier sophistication et fluidité pour les amateurs de café.
🎨 Direction Artistique (UI Design)
L’interface mise sur un « Dark Mode » luxueux, très cohérent avec l’univers du café haut de gamme.
Palette de couleurs : Le contraste entre le noir profond, le gris anthracite et les accents dorés/cuivrés des boutons crée un sentiment d’exclusivité.
Typographie : L’utilisation de polices sans-serif élégantes et aérées renforce l’aspect moderne et épuré.
Iconographie & Visuels : L’utilisation de visuels « hero » (le grain de café Liberica, le cappuccino glacé) en haute définition attire immédiatement l’œil et rend le produit désirable.
Expérience Utilisateur (UX Design)
Le design semble privilégier une navigation linéaire et immersive.
Hiérarchie visuelle : L’information est centrée. On comprend tout de suite quel est le produit phare grâce à la taille des images et au titre clair (ex: « LIBERICA »).
Appels à l’action (CTA) : Les boutons sont bien détachés du fond sombre grâce à leur couleur crème/dorée, ce qui facilite la conversion (l’achat ou la sélection).
Adaptabilité (Responsivité) : On voit une excellente déclinaison entre la version mobile (verticale, centrée sur le pouce) et la version desktop (horizontale, utilisant mieux l’espace latéral pour le texte).
My Portfolio
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
