# i-Homotic : du bouche-à-oreille à une présence numérique qui inspire confiance

- **Client:** i-Homotic (GELECT S.A.S)
- **Année:** 2026
- **Rôle:** Recherche utilisateur, expériences interactives du site et coordination d’une équipe de 6
- **Outils:** Figma, Blender, Three.js, React

Projet de fin d’études avec un client réel : une stratégie d’expérience complète pour qu’une entreprise de domotique cesse de dépendre du bouche-à-oreille. Elle comprenait un site web interactif, une proposition de stand pour un salon et une charte graphique.

## Le contexte

i-Homotic est une entreprise colombienne de domotique dont l’offre technique
est solide : du matériel et des logiciels fabriqués dans le pays, sans
abonnement mensuel et avec l’intégration des assistants vocaux. Son problème
n’était pas le produit mais la visibilité : les clients n’arrivaient que par
le bouche-à-oreille, et lorsqu’une personne intéressée demandait à « voir le
site web » avant de discuter, elle ne trouvait rien et écartait l’entreprise
avant même de commencer.

Ce fut notre projet de dernier semestre en Design interactif (EAFIT) : une
équipe de 6 personnes, un client réel et des critères de réussite définis par
le fondateur lui-même. Mon rôle a réuni la recherche utilisateur, la
conception des expériences interactives du site et une bonne partie de la
coordination de l’équipe.

## La décision de conception clé

Nous l’avons dit dès la justification du projet : **le défi n’était pas
technologique, il était communicationnel**. Les 15 entretiens de recherche
ont défini l’utilisateur cible : l’« Explorateur informé », un propriétaire
de 30 à 55 ans qui valide ses fournisseurs en ligne avant de les engager. Ils
ont aussi dégagé un schéma déterminant : les gens ne croient pas à la
domotique à cause de ce qu’on leur raconte, mais à cause de ce qu’ils peuvent
essayer ; et ils l’adoptent par extension progressive, en commençant petit.

C’est pourquoi le site n’informe pas : **il fait expérimenter**. C’est là
qu’interviennent les éléments interactifs que j’ai conçus : un calculateur de
budget et d’économies d’énergie qui réduit la perception du risque financier
avant le premier contact, et une carte 3D explorable d’un logement automatisé,
construite avec Three.js, où l’utilisateur parcourt les pièces, voit quels
appareils chacune pourrait accueillir et passe de là directement au contact
avec un « je veux ça chez moi ».

[Image: Schéma du Service Blueprint du site web d’i-Homotic en tons violacés, structuré selon les phases de Découverte, Exploration, Évaluation, Contact et Suivi, montrant les actions du client, le frontstage, le backstage et les processus de support]
[Image en taille réelle: https://juancamilo492.online/evidencia/i-homotic/service-blueprint.png]
Service Blueprint du site web : cartographie des interactions, des preuves physiques et des processus de support pour convertir la curiosité initiale de l’Explorateur informé en contact direct.

## Ce que nous avons livré

Le projet a livré un écosystème de communication complet :

- **Site web** de six vues, bilingue ES/EN, avec les expériences
  interactives intégrées et mis en production

[Image: Capture d’écran du Calculateur de prix sur le site web d’i-Homotic, montrant la sélection du type de logement et le panneau de résumé de l’estimation du projet]
[Image en taille réelle: https://juancamilo492.online/evidencia/i-homotic/sitio-interactivo.png]
Calculateur de prix et de budget en quatre étapes intégré au site web pour réduire la perception du risque financier avant le premier contact.

[Site en ligne (En production): Visiter le site web d’i-Homotic — https://i-homotic.vercel.app/]
Le site web officiel est en ligne en production avec le catalogue de solutions domotiques, le calculateur de budget interactif et la carte 3D.

- **Proposition de stand** pour le Salon du design de Plaza Mayor : 7×7
  mètres, un parcours par stations avec de vrais appareils manipulables, plus
  le document technique de mise en œuvre et une maquette 3D à l’échelle
  navigable sur le web

[Image: Rendu réaliste du stand d’i-Homotic au Salon du design, montrant la structure architecturale en forme de maison avec éclairage LED violet, les visiteurs interagissant dans l’espace résidentiel et le point d’accueil]
[Image en taille réelle: https://juancamilo492.online/evidencia/i-homotic/stand-render.png]
Proposition spatiale pour le Salon du design de Plaza Mayor : stand de 7×7 mètres structuré comme un logement habitable pour expérimenter les équipements en direct.

[Site en ligne (Démo): Explorer la maquette 3D du stand — https://eafit-enfasis-ux.github.io/I-Homotic-Stand/]
Il est possible de parcourir l’échelle tridimensionnelle du stand directement dans le navigateur grâce au prototype interactif.

- **Charte graphique** de 18 pages comme source unique d’identité pour tous
  les canaux

Au-delà des expériences interactives, j’ai participé aux entretiens de
recherche, intégré la maquette 3D du stand au site, conçu des maquettes de
réseaux sociaux d’après la charte graphique et itéré sur le modèle du stand
(le modèle final est l’œuvre d’un coéquipier).

## La validation

39 sessions ont été menées avec 17 participants : un parcours cognitif par
tâches sur le site et une échelle de Likert pour les trois livrables. Les
résultats ont guidé des corrections concrètes, et ils ont aussi produit des
constats inconfortables que nous avons rapportés tels quels : la tâche
« comprendre par quelle solution commencer avec un petit budget » a été le
goulot d’étranglement du parcours, et la documentation des usages incorrects
de la charte graphique a obtenu 2,4/5. Les deux sont devenues des
améliorations prioritaires.

[Image: Fiche d’archétype utilisateur d’Eliana Restrepo L’Explorateur informé montrant ses données démographiques, ses traits de personnalité Méthodique, Prudente, Aspirationnelle et son scénario d’usage]
[Image en taille réelle: https://juancamilo492.online/evidencia/i-homotic/investigacion-arquetipo.png]
Fiche de l’archétype de l’« Explorateur informé » définie lors de la recherche utilisateur : profil de 42 ans, méthodique et prudent exigeant une validation numérique avant de s’engager.

## Le résultat

Les critères de réussite définis par le fondateur ont été atteints : le site
a passé le filtre de validation numérique auprès des **16 participants** du
profil cible, et l’entreprise s’est retrouvée avec du matériel de
présentation formel prêt à l’emploi : site en production, charte graphique et
maquette 3D du stand.

Sur l’échelle de Likert, les trois livrables ont dépassé le seuil de 4,0 :

- **4,8** pour la disposition à programmer une visite
- **4,6** pour la clarté pédagogique, sans jargon
- **4,6** pour l’utilité des expériences interactives afin de se représenter
  la solution chez soi
- **5,0** pour le stand, à la fois pour l’éveil de la curiosité envers la
  marque et pour le fait de communiquer que la domotique est accessible, et
  pas réservée aux maisons de luxe

> « C’est très joli, ça fait professionnel. J’ai adoré la carte. »
> — Personne ayant participé à la validation

## Ce que j’ai appris

Travailler avec un client réel qui a défini ses propres critères de réussite
a changé ma façon de comprendre le design. À l’université, la réussite est
définie par une grille d’évaluation ; ici, elle était définie par le
fondateur, avec des objectifs concrets : passer le filtre de validation
numérique, disposer d’un matériel de présentation formel. Cela m’a obligé à
concevoir vers un nord vérifiable : chaque décision devait répondre à
« est-ce que cela nous rapproche du critère ? » et non à « est-ce que c’est
joli ? ».

J’ai appris que les critères du client ne limitent pas la créativité : ils la
concentrent. Et que rendre compte de ces critères en toute transparence, y
compris ce qui est resté hors du périmètre et ce qui a été mal évalué,
inspire plus confiance que de faire semblant d’avoir livré quelque chose de
parfait.

Site web: https://i-homotic.vercel.app/

Source: https://juancamilo492.online/fr/projets/i-homotic/