Afteroffice Studio

One person, one server, 103 things built and running.

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

The 28 that follow, in order

MUVAksara LibraryCerminDiriSAS Knowledge HubKhadim Wisata — Buku Jemaah DashboardKhadim Program — Panduan Perjalanan JemaahLearn PlatformSMM Hub SalesKerja di GunungRisa v2PDF SignNotepadDesign MD LibraryE2E Journey MasterSlide DeckHR SID Job Profile BuilderImagoKaraoke BarengMeeroRehat di Gunung PapandayanReview Tugas AkhirRoadmap TimelineRole & Permission DashboardSID Core AutomationTebak-Tebakan GamesAsha SekolahUang 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 →
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/qna/chatbot.html
The web chatbot, answering a product question with an image
The web chatbot, answering a product question with an image
sahabatabadi.afteroffice.dev/qna/chatbot.html
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/qna/chatbot.html
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 →
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 →
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 →
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 →
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 →
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 →
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 →
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 30