Dua Arah Digital Product Studio

Website, app, dashboard, AI workflow. One build path.

From company websites to operational systems, Dua Arah helps shape flows, AI use cases, interfaces, builds, QA, deployment, and handover in one working path.

Start Digital Scope View digital portfolio

Clear scope

QA before launch

Usable handover

Use Case

Choose the right build path.

Start from the closest business problem, then shape the flow, release path, and support needs before development.

Website & Launch Page

Company profile, service page, campaign page, and CMS publishing that can be maintained after launch.

Company siteService pageCMS publishing

Web App & Dashboard

Custom workflows, customer portals, admin panels, and internal tools for real operational needs.

Web appAdmin dashboardCustomer portal

Mobile Workflow

React Native apps for customer journeys, field teams, approvals, attendance, and internal processes.

React NativeOperational flowMobile UI

AI Automation & Integration

AI assistants, generative workflows, API glue, webhooks, notifications, and data handoffs to reduce manual work.

AI assistantGenerative flowWebhook

Portfolio

Selected work, live and in progress.

Every project carries an ownership, status, and visibility label — so you can tell live Dua Arah builds, work in progress, and founder-led previous work apart at a glance.

View all work

Website

Live

Dua Arah Production Website

Creative services

Company website for Dua Arah Production, presenting the studio's services, portfolio, and contact paths.

Responsive company homepageService detail pages

Dua Arah ProjectDetails

Green port assessment web platform login screen

Dashboard

Archived

Green Port Assessment Web Platform

Maritime sustainability assessment

Archived founder-led web platform work for online Green Port assessment, monitoring, verification, and certification workflows.

Founder-ledDetails

E-certificate management platform login screen

Web App

Archived

E-Certificate Platform

Maritime certification

Archived founder-led web app work for vessel certificate lifecycle management, validation, distribution, and expiry monitoring.

LoginDashboard

Founder-ledDetails

Dua Arah RSVP platform dashboard landing preview

RSVP/Event System

WIP

Dua Arah RSVP Platform

Events and digital invitations

WIP RSVP/event platform being developed by Dua Arah for digital invitations and event guest workflows.

RSVP flowQR-supported workflow

Dua Arah ProductDetails

Showing 4 of 10 projects

Have a similar build in mind? Start with a short scope.

Start product scope

Delivery Model

Not just UI, but systems ready to run.

Builds are planned around how the product will be used after handover: clear flow, maintainable code, testing strategy, deployment readiness, and support ownership.

Delivery signal

Founder-led engineering

Scope, architecture, implementation, and handover are managed closely by the delivery lead.

Delivery signal

Production-ready deployment

Projects are planned with a release path, environment setup, and maintainable operations.

Delivery signal

Web and mobile product experience

The team handles web apps, React Native apps, dashboards, and CMS-backed websites.

Delivery signal

Testing and QA mindset

Delivery includes practical checks for flows, integrations, performance, and regression risks.

Delivery signal

Maintainable implementation

Code structure, data models, and handover notes are treated as core parts of the product.

Delivery signal

Clear support path

Scope, timelines, launch requirements, and follow-up responsibilities are made clear before building.

Team

Two delivery leads.

Two technical leads keep product flow, engineering decisions, QA, launch readiness, and post-handover support visible.

Founder

Khalid Abdul Jabbar

Full-Stack Developer / Automation Architect / Quality Engineering Lead

Focus: web apps, automation, QA infrastructure, CI/CD, deployment reliability, performance, maintainability, AI-assisted workflows

Founder

Muhammad Haris Al Farisi

Full-Stack / Mobile App Developer

Focus: React Native mobile apps, React web apps, Next.js, backend delivery, dashboard/product UI implementation

Tech Stack

Clear stack per build job.

Technology is grouped by function so build decisions stay connected to interface, mobile flow, backend, infrastructure, quality checks, and automation.

Frontend

5 tools

Interface, routing, component systems, and production UI.

Next.js

React

TypeScript

Tailwind CSS

shadcn/ui

Mobile

3 tools

Cross-platform app delivery for customer and operational flows.

React Native

Expo

Flutter

Backend & Data

5 tools

Service logic, APIs, databases, and caching.

Node.js

Laravel

PostgreSQL

MongoDB

Redis

Infrastructure & DevOps

5 tools

Hosting, containers, edge network, and deployment pipelines.

Vercel

Docker

Cloudflare

Nginx

GitHub Actions

Testing & QA

5 tools

Functional, mobile, API, and load testing for release confidence.

Playwright

Cypress

Appium

Postman

AI & Automation

7 tools

LLM features, assistants, and workflow orchestration inside real products.

Vercel AI SDK

OpenAI

OpenRouter

Anthropic Claude

Google Gemini

LangChain

n8n

Process

From scope to launch.

The process keeps requirements, UI, implementation, content, testing, deployment, and support visible before development drifts from the business goal.

01Discovery & requirement mapping
02Architecture & stack planning
03UX flow & UI design
04Build: web, mobile & APIs
05AI & automation integration
06QA, testing & performance checks
07Deployment, launch & handover support

Tell us the app you want to build. We help shape scope and timeline.

Start Digital Scope Save company profile PDF