A calm, fast interface for
running a koperasi.
A complete redesign of the Oasis platform — every input, control, table and screen rebuilt on one token system. Teal and coral come from the mark; the five gradients drive the actions that commit money, generate documents, or run intelligence.
Identity
The mark carries three colours: a coral stem, a teal counter, a magenta dot. Those became primary, secondary and accent — no new hues invented.
Colour
Brand hues sit alongside a green-biased neutral ramp — never a flat grey. Status colour is held separate from the accents, so "approved" never reads as "branded".
The five orbs are not decoration and not a sequence. Each one owns a class of action, so a clerk learns the colour of "this posts money" separately from the colour of "this generates a PDF".
Typography
Three roles. Bricolage Grotesque gives headings and figures a voice; Public Sans is built for dense forms; IBM Plex Mono keeps member numbers, MyKAD and ringgit columns aligned.
Motion
Motion is functional: it shows where focus went, that a value changed, or that work is running. Nothing loops for atmosphere. Every duration below is a token — hover any card.
Row hover, icon tint, table highlight. Fast enough to feel like the cursor itself.
Button lift, border colour, label float. The default for anything a finger or cursor touches.
Rail expanding, modal entering, gradient sweeping across a button. Long enough to follow.
Input fields
These are the real fields from the member and transaction forms. The label floats on focus, and a gradient underglow scales out from the centre — so the active field is unmistakable in a form that runs to sixty inputs.
Selection, chips & status
Status is encoded twice — colour and shape — so a cheque that bounced is visible in a scan of forty rows, and still readable to someone who can't separate the hues.
Selection controls
Status & people
Feedback
Every message names what happened and what to do next. No apologies, no "an error occurred".
Run the 2025 dividend?
Try widening the share balance range, or clear the estate filter to search all regions.
Data tables
The real transaction ledger columns. Figures are monospaced and right-aligned so decimals stack; the running balance is the only bold column, because it's the one being checked.
| SN | Date | Receipt No. / PV No. | Narration | Cheque No | Deposits / Receipts RM | Payments RM | Accumulated Balance RM | Status | |
|---|---|---|---|---|---|---|---|---|---|
| 1 | 02/01/2025 | R-2025-00118 | Monthly subscription | — | 85.00 | — | 45,310.55 | Cleared | |
| 2 | 14/02/2025 | R-2025-00463 | Share purchase — 25 units | CHQ-771902 | 1,250.00 | — | 46,560.55 | Cleared | |
| 3 | 08/03/2025 | PV-2025-00913 | Loan disbursement L-4471 | CHQ-772041 | — | 3,400.00 | 43,160.55 | Returned | |
| 4 | 02/04/2025 | R-2025-01087 | Loan repayment — instalment 3 of 24 | — | 4,180.00 | — | 47,340.55 | Cleared | |
| 5 | 30/06/2025 | R-2025-02240 | Interest credited — half year | — | 1,580.00 | — | 48,920.55 | Pending | |
| Closing balance as at 30 Jun 2025 | 7,095.00 | 3,400.00 | 48,920.55 | ||||||
Sign in
The brand panel carries the only large gradient in the product. Members and staff sign in at the same door; the form is four controls and nothing else.
Every member, share and sen — in one ledger.
Koperasi Serbaguna Kakitangan Berhad runs shares, subscriptions, loans and dividends for 8,412 members across 34 estates.
Sign in
Use your member number or the email registered with the koperasi.
Dashboard
Summary before detail. Four figures the committee actually asks for, then collection trend and the queue of things blocking work. Hover the app to watch the rail expand.
Monthly collections — RM thousands
Needs attention
6Member profile
Identity sits in a header that never scrolls away, because every other tab is meaningless without knowing whose record is open. Balances are read-only figures, not form fields.
Personal
- Old IC / BC
- A 4471882
- Date of birth
- 12/05/1987
- Age
- 38
- Gender
- Female
- Race
- Malay
- Education
- Diploma
- TIN
- IG 118842007
Contact
- HP (WhatsApp)
- 012-448 7710
- Telephone (home)
- 03-6157 2280
- aisyah.r@ksk.my
- Address
- No. 12, Jalan Kenari 3
Bandar Puchong Jaya - Post code
- 47100
- State
- Selangor
Compliance
1 missingTransactions
The heaviest screen in the product. Filters live above the table, the running balance is the anchor column, and the totals row stays pinned to the bottom of the table body.
| SN | Date | Receipt / PV No. | Narration | Coop Bank / Mno Bank | Cheque No | Deposits RM | Payments RM | Balance RM | Status |
|---|---|---|---|---|---|---|---|---|---|
| 1 | 02/01/2025 | R-2025-00118 | Monthly subscription | Bank Rakyat | — | 85.00 | — | 45,310.55 | Cleared |
| 2 | 14/02/2025 | R-2025-00463 | Share purchase — 25 units | Maybank Berhad | CHQ-771902 | 1,250.00 | — | 46,560.55 | Cleared |
| 3 | 08/03/2025 | PV-2025-00913 | Loan disbursement L-4471 | Maybank Berhad | CHQ-772041 | — | 3,400.00 | 43,160.55 | Returned |
| 4 | 02/04/2025 | R-2025-01087 | Loan repayment — instalment 3 of 24 | Bank Rakyat | — | 4,180.00 | — | 47,340.55 | Cleared |
| 5 | 19/05/2025 | R-2025-01654 | Specific deposit — Hari Raya fund | CIMB Bank | CHQ-773310 | 600.00 | — | 47,940.55 | Cleared |
| 6 | 30/06/2025 | R-2025-02240 | Interest credited — half year | Bank Rakyat | — | 1,580.00 | — | 48,920.55 | Pending |
| Totals · 01 Jan – 30 Jun 2025 | 7,695.00 | 3,400.00 | 48,920.55 | ||||||
Add member — the long form
Sixty fields is the real number. Splitting them into three steps with a persistent summary means a clerk always knows how much is left and never loses entered work.
Membership
Step 2 of 3Role & flags
Entry summary
- Estate
- Ladang Sungai Buloh
- Opening share
- RM 500.00
- Subscription
- RM 85.00 / mth
Member photo
Dividend run
A batch process that moves real money, so the screen is built around the confirmation: parameters on the left, the exact consequence stated on the right before anything runs.
Run parameters
What this will post
- Qualifying members
- 8,412
- Excluded — below minimum
- 1,046
- Excluded — terminated
- 318
- Cheque range
- 880001 – 888412
- Average per member
- RM 152.72
Previous runs
WhatsApp broadcast
A composer that shows the message the way the member will actually receive it. Audience count updates as filters change, so nobody sends to 8,000 people by accident.
Audience
1,284 membersMessage
248 / 1024Preview
As member sees itDividen 2025 sebanyak RM 1,842.50 telah dikreditkan ke akaun 8802-4471 anda pada 14/03/2026.
Terima kasih.
Koperasi Serbaguna Kakitangan Berhad
Delivery estimate
- Recipients
- 1,284
- Rate limit
- 80 / minute
- Estimated time
- ≈ 16 minutes
- Cost estimate
- RM 89.88
Share certificate
A document screen. The certificate is rendered at its printed proportions, because what's on screen is exactly what gets signed and filed.
Issue settings
Batch issue
The rest of the product
Every remaining route is built from the same parts — nothing above is one-off. These are the screens the eight above already define.