Loading Project

Loading image 1...

01/02

DukcapilMalukuUtara

Government Public Service Portal built with WordPress and WPBakery

Client
Bambang Irawan | Disdukcapil Provinsi Maluku Utara
Year
2022
Timeline
4 weeks
Category
WordPress Development / Government & Public Sector
UI Goal
Establish institutional credibility and maximize accessibility by presenting official data and services in a clean, government-appropriate digital interface.
VISUAL STYLE
Professional and credible aesthetic, utilizing the official green/white color palette of the agency to convey reliability and transparency.
LAYOUT SYSTEM
Structured, data-heavy layout that prioritizes statistics and an immediate, clear navigation path to essential public services.
PRIMARY DEVICE TARGET
Cross-platform accessibility, ensuring all public service information is readable on both mobile devices and desktop computers.
Dukcapil Maluku Utara
Featured Work

Dukcapil Maluku Utara

Government Public Service Portal built with WordPress and WPBakery

Overview

Government Public Service Portal built with WordPress and WPBakery

Developed the official website for the North Maluku Civil Registry Agency (Dukcapil). The project focused on structuring essential public information, including population statistics, available services, and recent news/activities. Implementation utilized *WordPress* and *WPBakery* to ensure easy, non-technical updates by the government agency staff.

Challenge

The Problem

The core challenge was translating sensitive government data and complex service procedures into a clean, accessible, and user-friendly digital format. The site needed to convey institutional credibility and provide clear navigation to public service information, adhering to transparency standards.

Solution

Used *WPBakery Page Builder* to create a highly structured layout featuring *data infographics* (population stats) and a clear, icon-based menu for services. Custom *PHP/WPBakery elements* were used to manage the news grid and photo gallery, allowing staff to easily publish updates and visual documentation.

VisualJourney

Project Showcase

Loading image 1...

Screenshot 1

Project visualization and interface design

01/02
Navigate|ESCExit Fullscreen

TechStack

01

WordPress CMS

CMS

02

WPBakery Page Builder

Page Builder/Visual Editor

03

PHP

Backend Language

04

HTML5 / CSS3

Frontend

05

Tailwind CSS (via custom integration)

Styling

06

Figma

UI/UX Design

KeyFeatures

[01]

Dynamic Population Data Cards

Prominent dashboard cards displaying key statistics (Total Population, Male/Female count, Family count), designed for easy management.

[02]

Icon-Based Service Menu

A clear, modern, and navigable icon grid leading users to specific public services (e.g., Catatan dan Perpajakan, Pendaftaran Biometrik).

[03]

Government News Grid

A managed section pulling recent articles and reports, easily updated via the standard WordPress post editor.

[04]

Dukcapil Gallery Management

A flexible photo gallery module (Gallery Dukcapil) showcasing official events and activities, managed via the WPBakery editor.

[05]

Institutional Credibility Design

Design employs a professional green and white color palette, suitable for a government body, emphasizing trust and stability.

[06]

Structured Footer Navigation

Organized quick links and social media integration in the footer for accessibility and official communication.

OurProcess

A detailed look at how we brought this project from concept to reality through our proven methodology.

01
Duration
1 week

Discovery & Requirements

Defined essential public information requirements, data display needs (statistics), and service navigation architecture.

Deliverables
Information Architecture Map
Service Hierarchy Flow
02
Duration
2 weeks

WPBakery Custom Element Creation

Configured WordPress and WPBakery. Coded necessary custom PHP/CSS for WPBakery elements to render statistical cards and the icon-based service menu, ensuring design accuracy.

Deliverables
Custom WPBakery Modules (Data Cards, Service Icons)
Custom PHP Snippets
Staging Site Setup
03
Duration
1 week

Content Integration & Training

Integrated initial population data, news articles, and gallery images. Conducted thorough training for agency staff on using the WPBakery visual editor for routine updates.

Deliverables
Content Integration Complete
WPBakery Training Manual for Staff
Final Visual QA Report
1

Successfully presented key population statistics (Total, Gender, Family count) using clear, digestible visual cards.

2

Created an intuitive, icon-based navigation menu for core services (e.g., Berkas dan Informasi, Layanan Masyarakat).

3

Provided agency staff with a visual editor (WPBakery) for simple, in-house content management and news publication.

4

Established a high-trust digital portal for transparency and public information dissemination.

The new website has significantly improved our ability to communicate population data and public service announcements clearly to the citizens of North Maluku. The visual editor makes daily updates simple for our staff.
Bambang Irawan | Dukcapil Malut Management
Bambang Irawan | Dukcapil Malut Management
Representative
Dukcapil Maluku Utara - Portfolio | Javapixa Creative Studio