Back to the shelf

030

Manzil TVC Seating Planner

Manzil means destination. I built it so Venus Remedies' new head office always knows where everyone sits.

Launched · Started March 2026 · Tool · Vibe-Coded

This reading didn't load. The transcript is below.

Read the transcript

Manzil means destination. I built it for Venus Remedies' new corporate head office: someone had to map who sits where across every floor. In March twenty twenty-six I started with a drag-and-drop planner so admin and HR could place departments, track occupancy, and run reports. By October the scope deepened to individual seats, live, plus a navigate mode behind the QR code on every sign in the building.

Now it is one screen. Tap a team, seat everyone, drag people and areas in isometric view, and the department areas follow the seats. I designed it screen by screen, then built it with AI coding agents. It is live. Commissioning the full building is still in progress.

Narrated in my own cloned voice, generated with ElevenLabs v4.

Manzil means destination. It started in March 2026 as a drag-and-drop planner for the admin and HR teams at Venus Remedies’ new head office. The brief was simple: place departments on a floor, track occupancy, pull reports for space planning.

By October the scope had grown. The building needed individual seats, who sits where, updated live. I added a public navigate mode behind the QR code on every sign in the building, so you can scan a sign and find your way.

The app runs on one screen now. Tap a team and seat everyone at once, or drag teams and individual people. Department areas follow the seats in real time, rendered in isometric view. Every person gets a seat plate, and every plate can be downloaded from the signage template. An animated guide walks you through the whole app as you go.

I designed the whole thing screen by screen first, then built it using AI coding agents. That order mattered: the structure was clear before a single line of code existed.

Manzil is live. The building’s commissioning is still in progress, so the product is growing alongside the office it’s meant to serve.

The making

  • React
  • TypeScript
  • Vite
  • Tailwind CSS
  • Zustand