Skip to main content
Ahlul FirdausOPERATIONAL SYSTEMS BUILDER
BTH: --:--:--
Operational Systems Builder • AI-Assisted Development

Ahlul Firdaus

Operational Systems Builder • 15+ Years in Manufacturing, Quality & Process Improvement • AI-Assisted Product Development

I build practical digital systems that make complex work clearer.

I turn complicated workflows, scattered information, and manual processes into clear websites, dashboards, portals, and practical digital tools.

15+ Years
Manufacturing, Quality & Process Improvement
6 Systems
Live Products, Prototypes & Internal Tools
Batam, ID
Operational & Export Perspective
OPERATIONAL OVERVIEW
Active Focus

Designing and building functional digital products, prototypes, and internal tools that streamline real-world operations.

Operational Domains
Commerce & Sourcing Platforms
Curated catalogs, buyer inquiry flows, Batam consolidation.
Community & Civic Tech
Resident service workflows, timetable hubs, public transparency.
Workspaces & Reporting Tools
Connected order chains, data-entry forms, local-first tools.
OPERATING FROM:BATAM, INDONESIA (GMT+7)
PRACTICAL DIGITAL SOLUTIONS // 01

What I Help You Build

Digital products shaped around the way your business or organization actually works—not around unnecessary technical complexity.

Business Websites & Portals

Clear digital experiences for businesses, communities, organizations, and service providers that need information, services, and workflows in one accessible place.

Typical Deliverables
  • Business & organization websites
  • Customer or member portals
  • Community & resident platforms
  • Service and information hubs

Dashboards & Internal Tools

Practical tools for reporting, administration, finance, progress monitoring, and operational visibility.

Typical Deliverables
  • Reporting dashboards
  • Admin interfaces & directories
  • Finance & transparency tools
  • Operational trackers & ledgers

Workflow Improvement

Turn spreadsheets, chat-based coordination, repetitive reporting, and manual follow-ups into a more structured digital process.

Typical Deliverables
  • Workflow & bottleneck review
  • Information architecture design
  • Data-entry & ESG templates
  • Focused functional MVPs

Not sure what you need? Start with the workflow you use today.

You don't need technical specs. We can deconstruct the current spreadsheet or manual process together.

Discuss Your Workflow
START WITH THE PROBLEM // 02

Does Any of This Feel Familiar?

You do not need to arrive with a technical specification. A useful project can begin with a recurring problem, an existing spreadsheet, or a process that has become difficult to manage.

Information is scattered across WhatsApp, spreadsheets, and individual files.

Reports are repetitive, slow to prepare, or difficult to consolidate.

Teams cannot easily see what is complete, delayed, or still waiting.

Customers or members struggle to find the information or service they need.

Administrative work depends too heavily on one person's memory.

The same data has to be re-entered in several different places.

An existing website or internal tool has become confusing to use.

You have a product idea but need help turning it into a realistic first version.

Show me how the work happens today. We can identify a practical improvement from there.

Not every problem requires custom software. A structured review, a simpler website, an internal reporting template, or a workflow adjustment may be all you need.

Discuss Your Workflow
Selected Work // 02

Selected Work & Case Studies

Live products, functional prototypes, and internal tools exploring commerce, community services, reporting, finance, and operational workflows. Each case study identifies what is implemented, what uses sample data, and what remains planned.

Stack:
Tamino F&B point-of-sale and operations dashboard showing sales, transactions, inventory alerts, and payment performance.
F&B Operations & Point of Sale
Interactive MVP — Phase 1 Demo
Public Demo

Tamino — F&B Point of Sale & Operations System

Problem:F&B operations often manage sales, menus, inventory, and reporting in separate tools, causing delayed updates and fragmented visibility.

Built:A focused F&B operating system connecting cashier workflows, inventory monitoring, role structures, and business reporting.

ReactTypeScriptTailwind CSSClient-Side State Management+5
Full Case Study
OOI Origin of Indonesia premium food marketplace and global sourcing platform
Commerce, Export & Sourcing Platform
Founder-Led Product — Phase 1 Launch
Public Live Product

OOI — Origin of Indonesia

Problem:Indonesian specialty products are fragmented across separate suppliers with high shipping costs and unclear buyer pathways.

Built:A curated B2B & retail showcase catalog highlighting origin traceability, product specs, and Batam consolidation.

Next.jsTypeScriptTailwind CSSNetlify+1
Full Case Study
Portal Warga CGV integrated residential community platform with resident services, local marketplace, financial transparency, and admin operations
Civic Tech, Community Operations & Resident Services
Live Product
Public Live Product

Portal Warga CGV

Problem:Neighborhood announcements, requests, contributions, and local commerce were scattered across chat groups.

Built:A role-based community portal connecting 500+ residents with announcements, requests, transparent Kas RT balance, and a local marketplace.

Next.jsTypeScriptTailwind CSSSupabase+2
Full Case Study
Masjid Al Ikhlas digital mosque and community ecosystem with prayer times, TPQ education, programs, and financial transparency
Faith-Based Civic Tech, Education & Community Services
In Development
In Development

Masjid Al Ikhlas Digital Ecosystem

Problem:Mosque prayer schedules, TPQ info, and weekly donation reports were dispersed across physical boards and chat forwards.

Built:A responsive community web hub with Batam prayer schedule information, TPQ education portal, and transparent stewardship reports.

Next.jsReactTypeScriptTailwind CSS+3
Full Case Study
OneEcos connected B2B trade workflow and export operations dashboard
B2B Trade, Export Operations & Business Workflow
Active Prototype
Public Demo

OneEcos — B2B Trade Operations System

Problem:Trade records, quotations, orders, and follow-ups can become scattered across disconnected spreadsheets.

Built:A connected operational prototype organizing buyers, quotes, orders, fulfillment, shipments, documents, and invoices.

Next.jsTypeScriptTailwind CSSReact+1
Full Case Study
PT. Corum browser-based sustainability reporting and data-entry template
Operational Reporting & Workflow Concept
Internal Template
Functional Prototype

PT. Corum Sustainability Reporting Template

Problem:A large multi-department sustainability workbook was difficult to navigate, fill, and monitor for reporting progress.

Built:A browser-based reporting and data-entry template structuring 23 sections across 7 departments with local storage and PDF export.

HTML5CSS3JavaScript (ES6+)Chart.js+2
Full Case Study
Sakku 2.0 — Personal & Household Finance
Privacy-First Personal Finance & Budgeting
Live Product
Public Live Product

Sakku 2.0 — Personal & Household Finance

Problem:Personal and household expense tracking often requires intrusive cloud syncing, paid subscriptions, or tedious manual data entry.

Built:A privacy-first local PWA featuring rule-based conversational 'Catat Cepat' parsing, envelope budgeting, and zero cloud tracking.

Next.jsReact 19TypeScriptTailwind CSS+4
Full Case Study
Engagement Models // 06

Ways I Can Help

Practical support for businesses and organizations that need a clearer website, dashboard, portal, internal tool, or product direction. All figures and timelines are preliminary estimates.

Discovery & Review3 - 5 Days (Est.)

Review & Clarify

Review an existing website, prototype, spreadsheet process, or internal workflow and receive a structured improvement plan.

Preliminary Estimate
Rp 4.500.000
What's Included:
Operational Workflow & Process Review
Existing Website, Tool, or Spreadsheet Assessment
Information Architecture & Usability Observations
Feature Prioritization & Scope Clarification
Data Structure & Practical Tool Recommendations
Structured Improvement Register & Action Plan
2x 60-min Dedicated Discovery & Handover Sessions
Popular Starting Model
Focused MVP Build3 - 6 Weeks (Est.)

Design & Build

Design and build a focused first version of a website, portal, or internal tool around agreed users, content, and workflows.

Preliminary Estimate
Rp 15.000.000
What's Included:
Workflow Discovery & Requirement Scoping
Custom Information Architecture & Responsive UI Design
Next.js / React Modern Front-End Implementation
Essential Forms, Navigation & User Flows
Structured Data Model & Database Integration (if required)
Essential SEO Setup, Fast Performance & Semantic HTML
Deployment Configuration, Domain Setup & Handover
30-Day Post-Launch Technical Support
Iterative SupportMonthly Retainer (Est.)

Improve & Support

Iterative support for usability improvements, workflow refinement, feature planning, and ongoing technical updates.

Preliminary Estimate
Rp 4.500.000 / bln
What's Included:
Scheduled Bi-Weekly Product & Workflow Reviews
UI/UX Refinement & Layout Usability Improvements
Feature Planning & Scope Prioritization
Dedicated Monthly Implementation & Tweak Hours
Documentation & Progress Summaries
Async Guidance & Feedback via Dedicated Channel
Complex & Regulated Requirements

Discovery & Feasibility Review

Larger systems involving multiple roles, payments, sensitive information, complex integrations, or regulatory requirements require a separate discovery and feasibility review before scope and timeline commitment.

Custom Scope: Evaluated per project complexity•Timeline: Iterative phased delivery
Request Initial Discovery

Ready to Discuss Your Workflow?

Share your current spreadsheet, website, prototype link, or early concept to identify a practical starting point.

Typical engagement: 50% deposit • 30% milestone review • 20% launch & handover
Discuss via WhatsApp
How I Work // 07

From Problem to Practical First Version

How messy requirements transform into clear digital products. Each stage acts as an operational check-gate to clarify scope, maintain momentum, and build reliable tools.

STEP 01
REAL PROBLEM & CONSTRAINTS

Understand

Map the real problem, actual workflow bottlenecks, user types, and organizational constraints before choosing tools or writing code.

STEP 02
PAGES, ROLES & DATA FLOWS

Structure

Organize clear page layouts, information architecture, role-based permissions, and pragmatic data structures for MVP stability.

STEP 03
CLEAR & ACCESSIBLE UI

Design

Create focused, responsive, dark-mode polished interfaces with clear typography hierarchy and intuitive user flows.

STEP 04
MODERN WEB ARCHITECTURE

Build

Develop with robust modern standards using Next.js, TypeScript, and Tailwind CSS for rapid loading and reliable frontend state.

STEP 05
SPEED, LAYOUT & EDGE CASES

Validate

Test real-world usability, mobile responsiveness, layout consistency, loading performance, and operational edge-case behaviors.

STEP 06
DEPLOY & ITERATE

Improve

Deploy to production, hand over project documentation, gather early user feedback, and iterate based on practical usage.

Deep Technical Architecture // 08

For Technical Reviewers

These interactive visualizers and technical artifacts demonstrate the underlying architecture, data models, and specifications behind the systems.

Interactive Topology

System Architecture Simulation

Node state flow & data model inspector
Loading System Topology Simulator...
Loading System Blueprints & Schemas...
Loading Engineering Capabilities...
About Me // 09OPERATOR TO DIGITAL SYSTEMS
15+ Years Operational & Project Background
Based in Batam, Indonesia
Modern Web Stack (Next.js, React, Tailwind)
AI-Assisted Development Workflow

I Build from an Operator's Perspective

I spent more than 15 years in manufacturing, operations, project delivery, and process improvement. In those environments, you quickly learn that systems succeed or fail based on clarity, reliability, and whether people can actually do their work without friction.

Today, I bring that operational background into digital products. Whether building a business website, a community portal, an internal reporting tool, or a product prototype, I start from the real-world workflow—not assumptions.

Based in Batam, Indonesia, I combine modern web development (Next.js, TypeScript, Tailwind) with AI-assisted build workflows to deliver focused, usable digital systems faster and more thoughtfully.

“A digital tool succeeds when the underlying workflow is clear, reliable, and straightforward for the people who use it.”

Project Context // 08

Who Each System Is Designed For

Clear context on the operational challenges explored, the target users served, and the core workflows structured across each project.

Commerce & Export PlatformView Full Case Study

OOI — Origin of Indonesia

Designed For

International specialty retailers, food importers, and Indonesian artisanal food producers.

Operational Problem Addressed

Eliminates fragmented supplier discovery, single-producer freight overhead, and inconsistent compliance data by consolidating curated origin products through the Batam FTZ hub.

Structured Capabilities:
Curated multi-producer product catalog with origin and certification indicators
Unified B2B wholesale inquiry and retail sample request pathways
Consolidation logistics model designed for international export efficiency
System Writings // 09

Articles & Operational Reflections

Practical breakdowns on digital workflows, community systems, operational clarity, and interface design.

Explore All Articles
Commerce & Supply Chain Architecture5 min read

Bridging the Regional Divide: Designing Batam Hub Consolidation for Indonesian Food Brands

How multi-supplier consolidation at Batam FTZ enables regional Indonesian snack, coffee, and spice brands to reach global consumers and B2B buyers through unified export packaging and shipping optimization.

August 2024Read Article
Community & Systems5 min read

From Informal Coordination to Structured Community Systems: Designing Portal Warga CGV

A deep dive into replacing scattered chat messages and manual record-keeping with an integrated residential community platform.

July 2024Read Article
UI/UX & Product Strategy4 min read

Designing High-Density Dashboards: Lessons from OneEcos

Why high-density operational cockpits require a different visual grammar than consumer apps — grid discipline, micro-sparklines, and contextual visual hierarchy.

June 2024Read Article
Process & Scope FAQ

Frequently Asked Questions

Direct answers on project scope, phased delivery models, source code ownership, and technical review procedures.

I specialize in practical web applications, B2B trade and sourcing platforms, residential community portals, sustainability reporting templates, operational dashboards, and focused digital MVPs that streamline real-world workflows.
UNTUK BISNIS & ORGANISASI DI INDONESIA

Mulai dari Masalah yang Sedang Anda Hadapi

Saya membantu menyederhanakan proses kerja, pelaporan, administrasi, informasi, dan layanan menjadi website, dashboard, atau portal digital yang lebih terstruktur.

Anda tidak perlu menyiapkan spesifikasi teknis. Cukup ceritakan bagaimana prosesnya berjalan sekarang, bagian mana yang sering membingungkan, dan hasil seperti apa yang ingin dicapai.

Contact // 13

Tell Me What You Are Trying to Improve

You do not need a technical brief. Describe the current problem, workflow, spreadsheet, website, or early idea in your own words. Calculate a preliminary estimate or send your context below.

Interactive Scope & Timeline Estimator

Configure Project Parameters

Preliminary Scope EstimateIndicative Only
Est. Investment$3,000 – $5,000 (Est.)
Est. Timeline4 – 8 Weeks (Est.)
Selected Inclusions:
Operational Dashboard & Workspace
Role-Based Access (RBAC)
Data Export & Reporting
Estimates are preliminary and indicative only. Final project scope and timeline depend on detailed discovery, required integrations, data structures, and feasibility review.
stdout: contact_status.log
Awaiting inquiry submission to stream packet delivery logs...
STATUS: IDLEPROTOCOL: SECURE_POST