Afteroffice Studio

176 things built and running: apps, bots, platforms, and analysis.

Internal tools, web apps, dashboards, bots, and mobile apps — built for teams that use them daily, not for a demo.

The 36 that follow, in order

MUVAksara LibraryJadwal CikalCerminDiriSAS Knowledge HubKhadim Wisata — Buku Jemaah DashboardKhadim Program — Panduan Perjalanan JemaahLearn PlatformSMM Hub SalesPRD StudioKerja di GunungRisa v2PDF SignNotepadPantau Abu VulkanikDesign MD LibraryKecilinE2E Journey MasterSlide DeckHR SID Job Profile BuilderImagoKaraoke BarengMeeroRehat di Gunung PapandayanVirtual Run Merdeka SID 2026Review Tugas AkhirRoadmap TimelineRole & Permission DashboardSID Core AutomationActivity & Program Automation GuideTebak-Tebakan GamesBalap Seru 3DAsha SekolahAR BukuUang KeluarKantinmu Midtrans Dashboard

Swipe, or use the arrow keys

MUVOperational

MUV

A product team's workspace — boards, discovery, docs, prototypes, and progress sharing in one place.

935 cards on one board, 67 data models

muv.product-sid.us/board/cmse2tfss0clpiikybd4ciucv
The board — 935 cards, a column per stage
The board — 935 cards, a column per stage
muv.product-sid.us/discovery
Cross-team discovery timeline
Cross-team discovery timeline
muv.product-sid.us
Dependencies between pieces of work
Dependencies between pieces of work
See the full page →
AKSOperational

Aksara Library

A library system for 56 schools, each with its own collection and members.

56 school hubs, 11,212 bibliographies, 44,909 items

aksara.product-sid.us/dashboard
One hub's dashboard
One hub's dashboard
aksara.product-sid.us/laporan/sirkulasi
Circulation report
Circulation report
aksara.product-sid.us/laporan/koleksi
Collection report
Collection report
See the full page →
JDCOperational

Jadwal Cikal

A school timetable builder: drag cards into place, clashes are caught, and a timetable can be generated automatically.

10 timetables migrated and checked one by one

timetable.product-sid.us/cikal/guidebook
A guidebook open without login, using real captures from the app
A guidebook open without login, using real captures from the app
timetable.product-sid.us/cikal/guidebook#satu
One class's timetable: drag a card, see what is still unplaced
One class's timetable: drag a card, see what is still unplaced
timetable.product-sid.us/cikal/guidebook#bentrok
Teacher and room clashes flagged before the timetable is saved
Teacher and room clashes flagged before the timetable is saved
See the full page →
CDROperational

CerminDiri

A 60-question self-reflection that produces a report you can actually read.

60 questions, 10 domains

ican.product-sid.us/cermindiri
The front page
The front page
ican.product-sid.us/cermindiri/learn
How to read the result
How to read the result
ican.product-sid.us/cermindiri
The report it produces
The report it produces
See the full page →
SKHOperational

SAS Knowledge Hub

A product Q&A chatbot for a sales team, over Telegram and the web, from one shared answer engine.

sahabatabadi.afteroffice.dev/chatbot
The web chatbot, answering a product question with an image
The web chatbot, answering a product question with an image
sahabatabadi.afteroffice.dev/chatbot
The superadmin dashboard: who asks the most, which answers rate poorly
The superadmin dashboard: who asks the most, which answers rate poorly
sahabatabadi.afteroffice.dev/chatbot
The Materi & Kamus panel — typo/slang normalised before matching
The Materi & Kamus panel — typo/slang normalised before matching
See the full page →
KHWOperational

Khadim Wisata — Buku Jemaah Dashboard

An internal dashboard for an umrah travel agency: which past travellers to reach out to again, and which ones are worth asking to bring a group.

936 unique jemaah, 628 referral candidates, 9 competitors analysed

khadim.afteroffice.dev/dashboard
Overview — a command-center with a three-category follow-up pipeline
Overview — a command-center with a three-category follow-up pipeline
khadim.afteroffice.dev/dashboard
The jemaah database — phone numbers and addresses partly blurred for this publication
The jemaah database — phone numbers and addresses partly blurred for this publication
khadim.afteroffice.dev/dashboard
Nine Jabodetabek and Bogor competitors mapped
Nine Jabodetabek and Bogor competitors mapped
See the full page →
KHPOperational

Khadim Program — Panduan Perjalanan Jemaah

A companion app to KHW: a daily itinerary guide for jemaah, and a field-team tool, per departure.

khadim.afteroffice.dev/program/umroh-juli-2026/timeline
Timeline — a card per day, from departure to return
Timeline — a card per day, from departure to return
khadim.afteroffice.dev/program/umroh-juli-2026/panduan
The reading guide — trip prayers and etiquette, shared across every program
The reading guide — trip prayers and etiquette, shared across every program
khadim.afteroffice.dev/program/admin
The admin builder — assembling a new departure program
The admin builder — assembling a new departure program
See the full page →
LRNOperational

Learn Platform

Eight course sites, each standing on its own, from one shared base.

8 course sites from one base

learn.product-sid.us
The courses
The courses
ican.product-sid.us/learn/data-analyst
One course, opened
One course, opened
learn.product-sid.us
Five portfolio projects you can show a recruiter
Five portfolio projects you can show a recruiter
See the full page →
SMHCOperational

SMM Hub Sales

Merchandise sales across hubs, with a bot for checking them from chat.

8,367 transaction rows

smm.product-sid.us/merchsales
The front page
The front page
smm.product-sid.us/merchsales
The catalogue across categories: uniforms, batik, learning kits, worksheets
The catalogue across categories: uniforms, batik, learning kits, worksheets
smm.product-sid.us/merchsales
One hub, one order: settlement status, invoice, and the buttons to send a PDF or a QR
One hub, one order: settlement status, invoice, and the buttons to send a PDF or a QR
See the full page →
PRSOperational

PRD Studio

From one idea to a PRD, features, flows, a design system, and a task plan; then each task is run by a coding agent in turn.

pm.afteroffice.dev
From one sentence of product to a new project
From one sentence of product to a new project
pm.afteroffice.dev
One project: the documents it produced and its task progress
One project: the documents it produced and its task progress
See the full page →
KDGOperational

Kerja di Gunung

Proof the SAS Knowledge Hub answer engine reuses cleanly: an FAQ chatbot for a company retreat, with no login at all.

event.product-sid.us/papandayan/kerjadigunung
The public widget, answering a logistics question
The public widget, answering a logistics question
event.product-sid.us/papandayan/kerjadigunung
Roster lookup — only fires on an exact name match
Roster lookup — only fires on an exact name match
event.product-sid.us/papandayan/admin/kerjadigunung
The admin CMS — 18 Q&A entries
The admin CMS — 18 Q&A entries
See the full page →
RISA2

Risa v2

A product research tool: from research question, through analysis, to findings you can act on.

muv.product-sid.us/research
Research projects
Research projects
muv.product-sid.us/research
The research question
The research question
muv.product-sid.us/research
Analysis
Analysis
See the full page →
PDFSOperational

PDF Sign

Sign a PDF in the browser, with nothing to install.

ican.product-sid.us/pdfsign
The standalone version
The standalone version
ican.product-sid.us/pdfsign
Inside MUV: documents waiting, and which are already signed
Inside MUV: documents waiting, and which are already signed
ican.product-sid.us/pdfsign
The signature placed in the right box, then saved as a new PDF
The signature placed in the right box, then saved as a new PDF
See the full page →
NTPOperational

Notepad

Quick notes reachable from any device, with export and an AI assist.

notepad.product-sid.us
Notes, no account
Notes, no account
See the full page →
PABOperational

Pantau Abu Vulkanik

A near-real-time map of volcanic ash from VAAC Darwin data, with 6, 12, and 18 hour forecasts.

pantau-abu.product-sid.us
The map: observed ash and forecasts, per volcano
The map: observed ash and forecasts, per volcano
See the full page →
DMDOperational

Design MD Library

A catalogue of 82 design briefs, searchable and reusable.

82 design briefs

designmd.product-sid.us
The brief catalogue
The brief catalogue
designmd.product-sid.us
One brief opened: colour tokens, type, components, ready to copy
One brief opened: colour tokens, type, components, ready to copy
See the full page →
KCLOperational

Kecilin

Compress large videos, images, and PDFs in the browser, without uploading anything to a server.

kecilin.product-sid.us
Drop a file, pick a level, done
Drop a file, pick a level, done
See the full page →
EJSOperational

E2E Journey Master

One platform's end-to-end user journey, on a single page.

notes.tumbuh.us/e2e-journey-semesta
The whole journey
The whole journey
notes.tumbuh.us/e2e-journey-semesta
1,177 activities, sorted by persona and by how far AI goes
1,177 activities, sorted by persona and by how far AI goes
notes.tumbuh.us/e2e-journey-semesta
Distribution by domain, platform status, and AI opportunity
Distribution by domain, platform status, and AI opportunity
See the full page →
SLDOperational

Slide Deck

14 presentation decks as web pages, plus a dashboard of who opened them.

14 decks

slide.product-sid.us
The decks
The decks
slide.product-sid.us
One deck, opened as a web page
One deck, opened as a web page
slide.product-sid.us
Who opened what, and which parts were actually read
Who opened what, and which parts were actually read
See the full page →
HRJPOperational

HR SID Job Profile Builder

A job profile builder: from a position title to its description, level, and competencies.

semesta.product-sid.us/hrsid
The job profiles
The job profiles
semesta.product-sid.us/hrsid
Analysis across profiles: competency coverage, level spread, and what recurs most
Analysis across profiles: competency coverage, level spread, and what recurs most
semesta.product-sid.us/hrsid
One job profile: identification, purpose, and how it serves the mission
One job profile: identification, purpose, and how it serves the mission
See the full page →
IMGOperational

Imago

A visual workspace: build characters, compose scenes, string them into an illustrated story.

imago.product-sid.us
The workspace
The workspace
imago.product-sid.us
Character Builder: one figure assembled from parts
Character Builder: one figure assembled from parts
imago.product-sid.us
Comic Book Maker: A4 panels, many pages
Comic Book Maker: A4 panels, many pages
See the full page →
KRBOperational

Karaoke Bareng

Group karaoke on one screen, with the queue driven from everyone's phone.

karaoke.product-sid.us
Queue and player
Queue and player
karaoke.product-sid.us
Lyrics follow the song, on the screen everyone is watching
Lyrics follow the song, on the screen everyone is watching
karaoke.product-sid.us
79 songs, picked from anyone phone in the room
79 songs, picked from anyone phone in the room
See the full page →
MROOperational

Meero

A shared whiteboard, many boards, synced across devices.

12 curated shape libraries

meero.product-sid.us
The shared board
The shared board
meero.product-sid.us
12 curated shape libraries: UI components, architecture, flow diagrams
12 curated shape libraries: UI components, architecture, flow diagrams
meero.product-sid.us
A flow drawn together, rather than redrawn every meeting
A flow drawn together, rather than redrawn every meeting
See the full page →
RGPOperational

Rehat di Gunung Papandayan

An event site for one gathering: rundown, participants, and on-the-ground information.

event.product-sid.us/papandayan
The event site
The event site
event.product-sid.us/papandayan
One form decides all the logistics: seats, pickup points, the way home, meals
One form decides all the logistics: seats, pickup points, the way home, meals
event.product-sid.us/papandayan
36 responses, filterable, exportable, or copied straight into a WhatsApp recap
36 responses, filterable, exportable, or copied straight into a WhatsApp recap
See the full page →
VRMOperational

Virtual Run Merdeka SID 2026

A leaderboard for a virtual running event, filled automatically from Strava.

101 participants · 259 activities · 1,293.9 km

virtualrun.product-sid.us
Each group's progress against its target, updated automatically
Each group's progress against its target, updated automatically
See the full page →
TGAOperational

Review Tugas Akhir

A final-assignment review tool: submit, review, leave notes and a score.

ican.product-sid.us/tugasakhir
The front page
The front page
ican.product-sid.us/tugasakhir
A review with notes
A review with notes
ican.product-sid.us/tugasakhir
One submission: its metadata, the original PDF, and a link an AI can read directly
One submission: its metadata, the original PDF, and a link an AI can read directly
See the full page →
RTOperational

Roadmap Timeline

A roadmap as a timeline you can read in one look.

roadmap.product-sid.us/timeline
The roadmap timeline
The roadmap timeline
roadmap.product-sid.us/timeline
Cross-reference audit: 509 activities matched against the roadmap, mismatches included
Cross-reference audit: 509 activities matched against the roadmap, mismatches included
See the full page →
ROLEOperational

Role & Permission Dashboard

A roles and permissions dashboard: 92 roles, 2,682 assignments, 9 platforms, in one view.

92 roles, 2,682 assignments, 9 platforms

semesta.product-sid.us/role
Roles, assignments, and their spread
Roles, assignments, and their spread
semesta.product-sid.us/role/kasihsaran
Role suggestions from a job title
Role suggestions from a job title
See the full page →
SCA

SID Core Automation

Five scripts that run the repetitive administrative work that used to be done by hand.

Everything it can run, from one conversation
Everything it can run, from one conversation
100 roles pulled from the core system and written to a sheet, reported ten at a time
100 roles pulled from the core system and written to a sheet, reported ten at a time
A dry run first: 136 rows planned, nothing changed
A dry run first: 136 rows planned, nothing changed
See the full page →
APGOperational

Activity & Program Automation Guide

Manage learning programmes and activities straight from a Google Sheet.

robot.product-sid.us/semesta/activityprogram
Two templates, with a note on which to choose
Two templates, with a note on which to choose
robot.product-sid.us/semesta/activityprogram/guidebook
A visual guidebook, step by step
A visual guidebook, step by step
See the full page →
TBKOperational

Tebak-Tebakan Games

A guessing game for children that runs in the browser with nothing installed.

5 games

ican.product-sid.us/game/tebak
The game
The game
ican.product-sid.us/game/tebak
Pick a game, one player or two, no sign-up
Pick a game, one player or two, no sign-up
ican.product-sid.us/game/tebak
The question and its options, big enough for small fingers
The question and its options, big enough for small fingers
See the full page →
BLPOperational

Balap Seru 3D

A 3D car race in the browser: one player against the computer, or two players on a split screen.

ican.product-sid.us/game/balap
Pick the mode, number of laps, and car colour
Pick the mode, number of laps, and car colour
See the full page →
ASHOperational

Asha Sekolah

A school guide and a memory album, made for one child.

ican.product-sid.us/ashasekolah
The school guide
The school guide
ican.product-sid.us/ashadismm
The memory album
The memory album
See the full page →
ARBOperational

AR Buku

Point a phone camera at a page of a printed book and the picture comes alive: a character, sound, and a quiz.

ican.afteroffice.dev/arbook
The first screen: the camera stays on the phone, nothing is sent
The first screen: the camera stays on the phone, nothing is sent
See the full page →
UKLOperational

Uang Keluar

Record spending by photographing the receipt; the rest reads itself.

46 transactions recorded from receipt photos

ican.product-sid.us/uangkeluar
The spending dashboard
The spending dashboard
ican.product-sid.us/uangkeluar
ican.product-sid.us/uangkeluar
See the full page →
KSMMOperational

Kantinmu Midtrans Dashboard

A payment transactions dashboard, pulled straight from the payment provider.

smm.product-sid.us/kantinmu/trx
Incoming transactions
Incoming transactions
smm.product-sid.us/kantinmu
Seven days of transactions, per hub, with settlement status
Seven days of transactions, per hub, with settlement status
smm.product-sid.us/kantinmu
See the full page →

Start from one problem

No requirements document needed. One process still done by hand, or one thing that keeps slipping down the IT team's queue. That is enough to begin.

Open the full portfolio →
✕ 1 of 38