Höm, aménager son logement à plusieurs

Emménager ou rénover, c’est jongler avec beaucoup de questions à la fois : le canapé tiendra-t-il le long de ce mur, quelle pièce reste à peindre, quels rideaux avait-on choisis, qui achète quoi ? Les réponses finissent souvent éparpillées entre notes, captures d’écran et conversations de groupe.

Höm les réunit au même endroit, organisées pièce par pièce et partagées avec tout le foyer.

Chaque logement est un projet, composé de pièces. Pour chaque pièce, Höm propose trois choses côte à côte :

• Un plan en 2D à dessiner, avec ses portes, fenêtres, radiateurs et meubles
• Une liste de travaux à cocher au fur et à mesure
• Une liste d’achats avec les liens des articles repérés, leur prix et un budget

On dessine une pièce en cliquant chaque angle sur une grille au pas de 10 cm, ou en tapant la longueur exacte d’un mur. Les cotes s’affichent le long de chaque mur et se modifient directement. Les angles se déplacent, s’ajoutent ou se retirent, et la superficie se calcule automatiquement.

Les meubles viennent d’un catalogue avec recherche (armoire, bureau, canapé, lit, table…) ou se créent sur mesure. Ils s’aimantent aux murs et entre eux, sans jamais se chevaucher ni dépasser d’un mur. Portes, fenêtres et radiateurs se posent sur les murs, avec leur sens d’ouverture et leur côté de charnières.

À côté du plan, chaque pièce liste ses mesures, ses travaux et ses achats. On colle le lien d’un article et Höm récupère un aperçu avec son titre et son prix, puis l’ajoute au budget de la pièce.

Höm est collaboratif. Le propriétaire d’un projet invite les autres membres du foyer par email ou avec un code, et donne à chacun un rôle : éditeur, qui peut modifier les plans et les listes, ou lecteur, en consultation seule. Chaque modification est synchronisée en temps réel, et les avatars en haut de l’écran montrent qui fait partie du projet.

On crée son compte avec un email confirmé par un code à 6 chiffres, ou avec Google.

Höm est aussi une expérimentation d’une nouvelle façon de travailler en tant que designer, du premier croquis jusqu’à un produit qui fonctionne :

• Identité : j’ai créé l’identité visuelle de Höm : une typographie à chasse fixe et une palette noir et blanc relevée d’un accent violet.
• Maquettes : j’ai conçu les écrans et les interactions sur Figma, à commencer par l’éditeur de plan et la vue pièce.
• Production : j’ai ensuite vibe codé l’application avec Claude Code, en lui décrivant chaque écran et chaque règle à partir de mes maquettes, en testant le résultat dans le navigateur puis en affinant, jusqu’à des détails comme l’aimantation aux murs ou la précision des mesures.

Claude Code a écrit le code sur une base solide (Next.js, React et Supabase pour les comptes, la base de données et la synchronisation en temps réel), et chaque commit qui a construit l’application est co-signé avec Claude.