All works

Höm, plan your home together

A collaborative web app for the whole household: draw your home room by room in 2D, place the furniture, and keep track of the work to do and the things to buy: together, in real time.

The Höm room view: the plan of an office with its furniture, and panels for measurements, work to do and things to buy
Type
Personal project
Role
Product Designer
Built with
Claude Code
Year
2026

Context

Moving in or renovating means juggling a lot at once: will the sofa fit along that wall, which room still needs painting, which curtains did we pick, who is buying what? Those answers usually end up scattered across notes, screenshots and group chats.

Höm brings them together in one place, organised room by room and shared with everyone in the household.

The idea

Each home is a project, made of rooms. For every room, Höm offers three things side by side:

  • A 2D plan to draw, with its doors, windows, radiators and furniture
  • A work list to tick off as things get done
  • A shopping list with links to the items you like, their price and a budget

Draw the room

You draw a room by clicking each corner on a 10 cm grid, or by typing the exact length of a wall. Dimensions show along every wall and can be edited directly. Corners can be moved, added or removed, and the room’s area is calculated automatically.

Expanded plan of an office: walls with their dimensions, a door with its swing, a window, a storage unit, a desk and a sofa, and a toolbar to add furniture, doors, windows and radiators
The plan editor, expanded: walls, dimensions, door swing, window and furniture.

Furnish it

Furniture comes from a searchable catalogue (wardrobe, desk, sofa, bed, table…) or can be created from scratch. Pieces snap to walls and to each other, never overlap and never go through a wall. Doors, windows and radiators sit on the walls, with their opening direction and hinge side.

Work and purchases

Next to the plan, each room lists its measurements, its work to do and its things to buy. Paste a link to an item and Höm fetches a preview with its title and price, then adds it up into the room’s budget.

Made for the household

Höm is collaborative. The owner of a project invites the other members of the household by email or with a code, and gives each one a role: editor, who can change the plans and lists, or viewer, who can only look. Every change is synchronised in real time, and the avatars at the top show who is in the project.

Accounts are created with an email confirmed by a 6-digit code, or with Google.

Höm sign-in screen: email, password, sign in, forgotten password, continue with Google and create an account
Signing in to Höm.

From Figma to Claude Code

Höm is also an experiment in a new way of working as a designer, from the first sketch to a working product:

  • Identity: I created Höm’s visual identity: a monospace typeface and a black-and-white palette lifted by a violet accent.
  • Mockups: I designed the screens and interactions in Figma, starting with the plan editor and the room view.
  • Production: I then vibe coded the app with Claude Code, describing each screen and rule from my mockups, testing the result in the browser and refining, down to details like wall snapping or the precision of measurements.

Claude Code wrote the code on a solid stack (Next.js, React and Supabase for accounts, the database and real-time sync), and every commit that built the app is co-authored with Claude.

Next project AROZ