Micharo Zenith Loft: real estate leasing redesign

Micharo Zenith Loft leases apartments, offices and retail spaces in Pasay City. People choosing a space think in layouts, so the new website is drawn like the plans an architect hands over.

The old homepage downloaded 61.78 MB on every visit, which took 49.8 seconds to load on a simulated 10 Mbps connection. On a 390 px phone screen its layout was 780 px wide, its intro text was pale yellow on mauve, it requested images that didn't exist, and it loaded fonts and icons from three outside hosts. It also listed registration and VAT numbers nobody had confirmed, unverified social media accounts, and a phone link that still pointed to an old number.

A rebuild with no framework, black on drafting paper with safety orange only for dimensions, set in a grotesque and a monospace face. The hero is a drawing sheet with a faded loft plan, a north arrow, a scale bar and a title block marked "Sheet A-01". Each unit card pairs a photo with a drawn floor plan labelled "indicative layout, not to scale"; floor areas appear only where the old data gave them. Visitors filter by residential, office and retail, add units to "My shortlist" and send a viewing request with a preferred day, time, move-in month and in-person or virtual viewing. Rents stay per unit and per month and are never added up, and nothing is paid online. Images are compressed WebP files that load as the visitor scrolls, and the fonts ship with the site, so the homepage makes no third-party requests.

Designed and built the new site, drew the floor plans, produced the image set and compressed it for the web, built the shortlist and the viewing request, removed the unconfirmed details and the outdated phone link, and measured the old and new versions with the same script.

• Hero as an architect's drawing sheet with loft plan, north arrow, scale bar and title block
• Each unit shown as a photo beside its own drawn floor plan, which draws itself in on hover or scroll
• Filters for residential, office and retail units
• "My shortlist" instead of a cart; rents shown per month, never summed
• Viewing request with preferred day and time, move-in month, and in-person or virtual viewing
• Floor areas shown only where the old site stated them
• Unconfirmed registration and VAT numbers, unverified social accounts and an outdated phone link removed
• Lease terms the old site didn't state shown as "please contact us", nothing invented
• The three original customer quotes kept word for word

• HTML
• CSS
• JavaScript
• SVG
• WebP
• JSON-LD structured data

Homepage weight on load

61.78 → 0.55 MB

On load, on a phone

61.77 → 0.33 MB

After scrolling the whole page

61.78 → 0.72 MB

Fully loaded, simulated 10 Mbps

49.8 → 0.51 s

Phone layout width (390 px screen)

780 → 390 px

Units listed

10

• →Live at micharozenith.site.
• →Measured with the same script: homepage on load down from 61.78 MB to 0.55 MB on desktop and 0.33 MB on phones.
• →No failed requests, console errors or third-party requests on the new site during the capture run.

• The best concept is one that also works as an interface.
• Match the flow to how people really decide, not to a shop template.
• If the data isn't there, say "contact us" instead of inventing it.

Client website, shown by name. Screenshots and measurements come from one capture script run on the old and new site, on a local server. The 10 Mbps figure is a simulated connection, not data from real visitors. The listing photos are generated illustrations with no people, the floor plans are labelled indicative and not to scale, and the site says the photos are illustrations. Unit descriptions, rents and the three customer quotes are carried over from the old site; lease terms the old site didn't state read "please contact us". In the old homepage screenshot, the office address, email and phone number are blurred.