Skip to main content
Housemait is a family-organiser app: one home for the family calendar, meals, lists and chores, with an AI assistant that lives in WhatsApp. The redesign reads the product’s world literally — a fridge door: warm paper ground, magnet-dot accents, taped-on app screenshots, and the family’s week pinned up section by section. Display face: Recoleta. One prompt. 9 sections. 31 minutes of agent time. Every save in the film hot-reloads the real WordPress page and re-runs the verification gates at 1200, 1920, and 390 px. The AGENT TIME chip shows true elapsed time through the timelapse. Watch the WhatsApp section land as one save, chat bubbles and all — and the meal-planner screenshots get taped up two saves later.

​
The finished page

Both frames scroll — the full page at desktop 1440 px and mobile 390 px.
Housemait redesign — full desktop page
Housemait redesign — full mobile page

​
How it was built

  • The agent followed a written design brief with the section order, the design direction above, and the site’s real copy and assets staged locally.
  • exjsx dev --gates ran the loop: save → compile → deploy → hot reload → gates, a few seconds per save.
  • Sections are plain JSX components; fonts ship via one @font-face carrier (Media and fonts).
  • The finished page is native Elementor V4 — the film ends inside the editor.
A design study of the real Housemait site, rebuilt with its public copy and assets to test the toolchain. No affiliation with or endorsement by the original brand; the study is not published beyond this documentation.