A real-estate showcase preview for Modern Residences.

Studio Jani built this interactive concept so a buyer can move through a residential tower, open a floor plan, and read sample prices before visits.

Modern Residences floor 12 with apartment 12.05 selected and a sample price of KSh 10,800,000

Apartment plan with a sample price

Selecting a home isolates the plan and opens sample price, area, and aspect. Apartment 12.05 is shown at KSh 10,800,000.

Modern Residences floor 12 plan on a phone, rotated so the plan stays readable in portrait

Floor plan kept upright on a phone

On a narrow screen the plan turns sideways, so the phone stays in portrait.

Modern Residences floor 12 plan with five apartments

Full floor, then one apartment

Floor 12 opens five plans. Choosing one highlights that home and keeps the rest of the floor in view.

Modern Residences building overview with a floor list and sample prices

Building and floor list

The preview opens on an isometric garden building, with a floor control beside it. Counts and the from-price are sample figures.

Modern Residences apartment 12.01, a three-bedroom plan with a sample price of KSh 17,220,000

Three-bedroom sample price

Apartment 12.01 is shown as a three-bedroom corner residence at KSh 17,220,000. The preview labels every price as sample data.

Preview the showcase here

This is how a development can go online: an interactive tower, floor plans, and prices. Book a call.

Sample development. Prices, areas, and availability in the preview are sample data.

Product architecture and deliverables

How we structured the product, interface system, and engineering workflow.

Floor selector

Move through the tower from the ground floor to the top without leaving the plan.

  • Desktop floor list and a draggable mobile slider
  • Per-floor plans with sample availability
  • Step up or down between floors

Apartment isolation

Tap a home to highlight it and zoom the plan while the rest of the floor stays in view.

  • Full-floor view and a single-apartment zoom
  • Room names, areas, and aspect
  • A phone-framed close view of the selected plan

Prices on each plan

Each home shows a sample price in KSh, with internal area, outdoor space, and layout beside it.

  • Studios KSh 3–4.5 million, one-bedroom KSh 4.5–7 million
  • Two-bedroom KSh 7–11 million, three-bedroom KSh 11–17.5 million
  • Penthouses up to about KSh 25 million

Portrait phone, landscape plan

The floor plan rotates on a small screen so it can be read without turning the phone.

  • Plan orientation follows the viewport
  • Price and layout stay in one column
  • The embedded preview loads only after a click

Start a project

Get started on your next product, website, or launch with our team.