Bonjour !

Je mêle stratégie, créativité et savoir-faire pour aider les marques à se différencier et à rayonner dans un monde digital en constante évolution.

Me contacter

Coloc'hop

Interface utilisateur et expérience mobile pour une plateforme de colocation

Design

Romain Dobé™ Studio

Direction

Romain Dobé

Client

Coloc'hop

Année

2024

Overview

J'ai conçu l'intégralité de l'interface utilisateur pour l'application mobile Coloc'hop, une plateforme innovante de recherche de logements et de colocataires. L'objectif majeur était de transformer un parcours de recherche souvent stressant en une expérience fluide, engageante et intuitive. À travers une direction artistique soignée, des micro-interactions ludiques et une structure ergonomique rigoureuse, l'application simplifie la mise en relation et optimise chaque étape du parcours utilisateur sur mobile.

La recherche de colocation implique de croiser des critères extrêmement variés et personnels : budget, localisation, mais aussi styles de vie, rythmes de travail ou centres d'intérêt des futurs colocataires. La problématique principale consistait à intégrer cette masse de données comportementales et techniques au sein d'une interface mobile sans créer de surcharge cognitive pour l'utilisateur. Mon approche a privilégié une navigation simplifiée et découpée par étapes logiques. J'ai développé un système de filtres avancés hautement visuel et intuitif, permettant de configurer ses exigences en quelques gestes simples. Le design des fiches de profils et de logements a été pensé pour équilibrer parfaitement les photos immersives et les informations clés, garantissant une lisibilité optimale d'un simple coup d'œil.

La solution visuelle déploie l'identité de marque de Coloc'hop à travers une palette de couleurs harmonieuse, chaleureuse et moderne, complétée par un set d'icônes propriétaires. J'ai accordé une importance particulière au design d'interaction, en intégrant des animations fluides et des transitions dynamiques qui accompagnent l'utilisateur de la découverte d'une annonce à la messagerie instantanée intégrée. Le résultat offre à Coloc'hop un produit numérique performant, combinant esthétique contemporaine et efficacité fonctionnelle. Cette interface optimisée lève les freins habituels de la recherche immobilière, favorise un engagement utilisateur élevé et installe une relation de confiance, indispensable au succès d'une plateforme communautaire.

— Une interface mobile chaleureuse et structurée qui réinvente les codes de la recherche de colocation par le design.

Coloc'hop app design mobile
Galerie

L'écosystème mobile de Coloc'hop

Drag to explore
Coloc'hop - Image 1 du portfolio
Coloc'hop - Image 2 du portfolio
Coloc'hop - Image 3 du portfolio
Coloc'hop - Image 4 du portfolio
Coloc'hop - Image 5 du portfolio

01 / 05 Écrans d'onboarding et définition du profil utilisateur.

Détails du projet

Foire aux questions

  • Comment avez-vous rendu ludique une application de recherche de logement ?

    Le côté ludique et engageant repose sur les micro-interactions et le design d'animation. Au lieu de simples clics froids, la transition entre les écrans, la validation d'un filtre ou l'ouverture d'une conversation s'accompagnent de mouvements fluides et de retours visuels instantanés. Cela crée une navigation agréable et intuitive, qui réduit la sensation d'effort liée à la recherche administrative.

  • Quelle a été la logique derrière la création du système de filtres ?

    L'enjeu UX était d'éviter les longs formulaires textuels fastidieux. J'ai conçu un écran de filtres basé sur des composants graphiques interactifs (curseurs fluides pour le budget, boutons d'options catégorisés par icônes pour le style de vie ou les animaux). L'utilisateur ajuste ses critères de manière tactile et voit instantanément son catalogue se mettre à jour en arrière-plan.

  • Comment l'identité de marque se reflète-t-elle dans les choix d'interface ?

    Pour une plateforme basée sur la cohabitation, il fallait inspirer la convivialité, le dynamisme et la sécurité. J'ai sélectionné une palette chromatique équilibrée, associant des teintes rassurantes et institutionnelles à des touches de couleurs plus vibrantes pour les boutons d'action. Les formes arrondies des cartes d'interface et des typographies renforcent cet aspect accessible, humain et moderne.