National Telecommunications Comission - Quality of Service
National Telecommunications Comission - Quality of Service
National Telecommunications Comission - Quality of Service
GIS - Broadband Mapping
GIS - Broadband Mapping
GIS - Broadband Mapping
Year
Year
Year
2025
2025
2025
Duration
Duration
Duration
5 months
5 months
5 months
Overview
Overview
Overview
The NTC QoS Broadband Mapping Web App is a pilot project to digitalize and map telecom coverage in the Philippines, redesigned for better usability, scalability, and data visualization.
The NTC QoS Broadband Mapping Web App is a pilot project to digitalize and map telecom coverage in the Philippines, redesigned for better usability, scalability, and data visualization.
The NTC QoS Broadband Mapping Web App is a pilot project to digitalize and map telecom coverage in the Philippines, redesigned for better usability, scalability, and data visualization.
Pain Points
Pain Points
Pain Points
Unintuitive navigation
Lack of Scalability
Visual Clutter
Poor map usability
Unintuitive navigation
Lack of Scalability
Visual Clutter
Poor map usability
Unintuitive navigation
Lack of Scalability
Visual Clutter
Poor map usability
Solutions
Solutions
Solutions
Centralized Control Panel
Improved Data Clarity
Streamlined Admin Workflow
Improved dashboard layout
Centralized Control Panel
Improved Data Clarity
Streamlined Admin Workflow
Improved dashboard layout
Centralized Control Panel
Improved Data Clarity
Streamlined Admin Workflow
Improved dashboard layout
Key Design Achievements
Key Design Achievements
Key Design Achievements
Direct Feature Access
Direct Feature Access
Direct Feature Access
Added a sidebar control panel with clear toggles, making filters easier to find and use efficiently.
Added a sidebar control panel with clear toggles, making filters easier to find and use efficiently.
Added a sidebar control panel with clear toggles, making filters easier to find and use efficiently.
Guided Administrative Workflow
Guided Administrative Workflow
Guided Administrative Workflow
Created a secure, step-by-step upload wizard that ensures accurate data and simplifies updates for NTC staff.
Created a secure, step-by-step upload wizard that ensures accurate data and simplifies updates for NTC staff.
Created a secure, step-by-step upload wizard that ensures accurate data and simplifies updates for NTC staff.
Actionable Data Transparency
Actionable Data Transparency
Actionable Data Transparency
Enabled users to easily filter Cellular and Fiber data with clear toggles, improving readability for the public and NTC staff.
Enabled users to easily filter Cellular and Fiber data with clear toggles, improving readability for the public and NTC staff.
Enabled users to easily filter Cellular and Fiber data with clear toggles, improving readability for the public and NTC staff.
USABILITY COMPARIISON
USABILITY COMPARIISON
USABILITY COMPARISON
PUBLIC MAP REDESIGN
PUBLIC MAP REDESIGN
PUBLIC MAP REDESIGN
Before
Before
Before
The original interface had poor usability, with tiny map icons and cluttered visuals that made filters hard to find and coverage data difficult to read.
The original interface had poor usability, with tiny map icons and cluttered visuals that made filters hard to find and coverage data difficult to read.
The original interface had poor usability, with tiny map icons and cluttered visuals that made filters hard to find and coverage data difficult to read.
Old Public Map
Old Public Map
Old Public Map
After
After
After
The redesign introduced a clean, scalable layout with a Persistent Left Sidebar for key filters using modern toggles for better visibility. It also added Hybrid, Street, and Dark map views to reduce clutter and improve data readability.
The redesign introduced a clean, scalable layout with a Persistent Left Sidebar for key filters using modern toggles for better visibility. It also added Hybrid, Street, and Dark map views to reduce clutter and improve data readability.
The redesign introduced a clean, scalable layout with a Persistent Left Sidebar for key filters using modern toggles for better visibility. It also added Hybrid, Street, and Dark map views to reduce clutter and improve data readability.
New Map
New Map
New Map
DASHBOARD REDESIGN
DASHBOARD REDESIGN
DASHBOARD REDESIGN
Before
Before
Before
The old dashboard was cluttered with redundant and irrelevant charts, making key metrics hard to find and slowing NTC’s data management and decision-making.
The old dashboard was cluttered with redundant and irrelevant charts, making key metrics hard to find and slowing NTC’s data management and decision-making.
The old dashboard was cluttered with redundant and irrelevant charts, making key metrics hard to find and slowing NTC’s data management and decision-making.
Old Dashboard
Old Dashboard
Old Dashboard
After
After
After
The new dashboard, designed with NTC staff, focuses on clear, validated data by removing unnecessary visuals. It now includes a data download feature for easy access and reporting.
The new dashboard, designed with NTC staff, focuses on clear, validated data by removing unnecessary visuals. It now includes a data download feature for easy access and reporting.
The new dashboard, designed with NTC staff, focuses on clear, validated data by removing unnecessary visuals. It now includes a data download feature for easy access and reporting.
New Dashboard
New Dashboard
New Dashboard
OPERATIONAL FILTERING FOR ADMIN MAP
OPERATIONAL FILTERING FOR ADMIN MAP
OPERATIONAL FILTERING FOR ADMIN MAP
Map Enchancements
Map Enchancements
Map Enchancements
Admin-only filters for better oversight.
Three detailed filters: Cellular, Fiber, Speed Test, specific to providers.
Quickly locate specific broadband data.
Drill into detailed quality metrics.
Supports faster validation and action.
Admin-only filters for better oversight.
Three detailed filters: Cellular, Fiber, Speed Test, specific to providers.
Quickly locate specific broadband data.
Drill into detailed quality metrics.
Supports faster validation and action.
Admin-only filters for better oversight.
Three detailed filters: Cellular, Fiber, Speed Test, specific to providers.
Quickly locate specific broadband data.
Drill into detailed quality metrics.
Supports faster validation and action.
Click the image to see the next one
Click the image to see the next one
Click the image to see the next one
Importing Page Feature/Uploading Files
Features
Dedicated, secure page for admin data management.
CSV import/upload tool for easy data entry.
Robust download option for clean, verified datasets.
Supports map updates, validation, and external reporting.
Dedicated, secure page for admin data management.
CSV import/upload tool for easy data entry.
Robust download option for clean, verified datasets.
Supports map updates, validation, and external reporting.
Dedicated, secure page for admin data management.
CSV import/upload tool for easy data entry.
Robust download option for clean, verified datasets.
Supports map updates, validation, and external reporting.
Features
Gallery
Gallery
Gallery
Thanks for Reading!
Thanks for Reading!
Thanks for Reading!
Check out more of my projects, or get in touch to see how I can help bring your ideas to life!
Check out more of my projects, or get in touch to see how I can help bring your ideas to life!
Check out more of my projects, or get in touch to see how I can help bring your ideas to life!