Barangay Hiyas ng Ilog

For the business

Before: Residents queue only to learn they're missing a document.

Residents check what a document needs and costs, then request it online before they queue.

A calm, accessible site for a riverside barangay of seven puroks. Residents check what a document needs and costs before they queue, request it online, read advisories, and know their evacuation route when the river rises.

What it does

• Services, Officials, Evacuation Centres and Projects are custom post types; urgent announcements drive the advisory bar until their end date.
• The purok map is generated from a purpose-built layout: puroks, river, flood band, roads, centres and routes, with every centre checked to sit outside the flood band.
• Custom Elementor widgets: Service Finder, Service Cards, Hotlines, Purok Map, Evacuation Centres, Officials, Projects and Announcements.

Design

• Paper pages, green for links and buttons, yellow for advisories, red for 911, navy for page titles and the footer.
• Bitter slab headings over Nunito Sans at an 18px base, for older readers and phones.
• An original gem mark instead of a seal; no flag colours or government branding.