
{"type":"doc","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Fatimah, Basuki, Sudiarta, Kusuma, Embun — Hana turns a family tree into something you actually want to open, browse, and add to."}]},{"type":"image","attrs":{"src":"https://farooq-agent.web.app/assets/images/works/large/hana.jpg","alt":null,"title":null,"width":null,"height":null}},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"App UI Concept — Hana"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"italic"}],"text":"Family Tree Application · Mobile UI · Personal & Social"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"A clean, emotionally warm mobile app concept for Hana — a family tree application that replaces the static diagram with a living, photo-first family network."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The tree screen presents family relationships as a visual node graph with real portrait photography at each node — grandparents at the top (Fatimah, Basuki), parents in the middle (Sudiarta, Kusuma in traditional Balinese dress), and the youngest generation below (Embun, a toddler in pink). Connecting lines map the relationships cleanly, the whole structure laid out in a vertical scroll that scales naturally as the family grows. Each node shows name and location — Tuban, Jawa Timur; Denpasar, Bali — communicating the geographic spread of a real Indonesian family across islands."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The member detail screen for \"Embun\" (3 tahun, 2 bulan) is the app's emotional core: a full-screen child photo at the top, age displayed precisely in years and months (the way Indonesian parents count), parents listed with avatars (Bali: Sudiarta, Ibu: Kusuma), address, gender, and blood type — a complete family record in a single, beautifully composed card."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The design is minimal and photo-forward: white backgrounds, light grey structure, warm photography doing all the emotional work. No unnecessary chrome."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"A family app that feels like a photo album and functions like a database — exactly what silaturrahim in the digital age should look like."},{"type":"hardBreak"},{"type":"hardBreak"},{"type":"hardBreak"},{"type":"text","text":"14/05/2019"}]}]}
Tech Stack
Tags
Completed
March 2026
Project Scale
short Project