Go Tadarus Go

{"type":"doc","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Ar-Rahman playing, ayat highlighted, translation synced — Go Tadarus Go makes Quran recitation and understanding a single, seamless mobile experience."}]},{"type":"image","attrs":{"src":"https://farooq-agent.web.app/assets/images/works/large/go-tadarus-go.jpg","alt":null,"title":null,"width":null,"height":null}},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"App UI Design — Go Tadarus Go"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"italic"}],"text":"Mobile App · Quran Reading & Audio · Islamic Digital Tool"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"A focused, elegantly designed mobile app for Go Tadarus Go — a Quran reading and translation listening app that brings together Arabic text, audio recitation, and Indonesian translation in one synchronized interface."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The audio player screen (background) presents Surah Ar-Rahman with a full-screen green gradient backdrop, the Al-Quran medallion icon centered in gold, the Arabic ayat displayed in the header, and a clean music-player-style control bar — play/pause, skip, previous, and a progress slider. The design language borrows from music streaming apps deliberately: familiar interaction patterns applied to sacred content, lowering the barrier to daily tadarus."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The reading screen (foreground) is the app's functional core: Arabic text on the left column, Indonesian translation on the right, with an active ayat highlighted in yellow — the app's key feature that shows exactly which verse the audio is currently reciting. A floating audio control button sits bottom-right for seamless audio-while-reading. The GoTadarusGo wordmark in the green header ties both screens to the same brand identity."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The isometric two-phone presentation is a strong portfolio choice — showing both key screens simultaneously in a single, composition-forward image."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"An app that turns daily Quran reading into a habit by making it effortless to follow along with eyes and ears at once."}]}]}