Skip to main content
UI-UX

Marisan

Marisan

{"type":"doc","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Kocok — Marisan digitalizes Indonesia's most beloved communal saving tradition, putting the arisan draw, member list, and payment history in one cheerful pink app."}]},{"type":"image","attrs":{"src":"https://farooq-agent.web.app/assets/images/works/details/230-marisan/marisan.jpg","alt":null,"title":null,"width":null,"height":null}},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"App UI Design — Marisan"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"italic"}],"text":"Mobile App · Arisan Management · Indonesian Community Savings"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"A bright, purpose-built app UI for Marisan (Mari Arisan) — a digital management tool for arisan, Indonesia's deeply rooted community savings and social gathering tradition where members take turns receiving a pooled sum of money through periodic draws."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Three screens capture the app's core functions:"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Draw Screen:"},{"type":"text","text":" The star of the app — an illustrated arisan cup (the classic blue cylindrical container with rolled paper slips inside, shaking) with a prominent pink \"Kocok\" (Shake/Draw) button below. This single screen digitizes the most anticipated moment of every arisan gathering: the draw. The animation of the cup and rolled paper slips brings the physical ritual into the app with warmth and faithfulness to the tradition it represents."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Home Screen:"},{"type":"text","text":" A clean content area with \"Marisan\" as the header, a large primary content card, and a secondary panel below — with History, Home, and Account tabs at the bottom. The layout is minimal, giving space to whatever group information, upcoming schedule, or payment status is most relevant to display."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Member/Payment List — Arisan keluarga Blitar:"},{"type":"text","text":" \"Arisan keluarga di Desa Ngadirejo, Blitar\" — a family arisan group in a specific village, confirming the app's local, community-level use case. A color-coded list of members uses pink intensity to indicate payment status — darker pink for paid members, lighter pink for pending — communicating group financial status at a glance without numbers."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The all-pink palette is a deliberate cultural choice: arisan in Indonesia is predominantly a women's social institution, and the color communicates warmth, community, and the social joy of the tradition as much as its financial function."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"A fintech app that respects the culture it digitizes — and makes \"Kocok!\" as exciting on screen as it is in person."}]},{"type":"paragraph","attrs":{"textAlign":null}},{"type":"image","attrs":{"src":"https://hyperfantasy.web.app/assets/images/portfolios/2ecfe2c4-fee0-4095-8b0e-77b0f0389cad/marisan.png","alt":null,"title":null,"width":null,"height":null}},{"type":"paragraph","attrs":{"textAlign":null}}]}

Tech Stack

Figma

Tags

UI-UXappmobilemobile appsocialfinancemoneycommunityEXPERIMENTAL

Completed

February 2020

Project Scale

short Project