Jaleelجليل
Jaleel is a Quranic audio app: recitations organised into themed categories, several reciters to choose from, and offline listening for the ones you keep coming back to.
- Product
- Jaleel — جليل
- Sector
- Reference & Islamic Audio
- Services
- iOS & Android
- Year
- 2025

Services
- UI/UX Design
- Mobile Development
- Design System
- QA & Delivery
About the Product
Jaleel is built for daily practice, memorisation and reflection. Recitations are grouped into curated categories — the verses of the names of Allah, verses of questions, verses of glorification and monotheism, the verses of legal ruqyah, verses of calling, and more.
The Solution
We designed a browsing model around those categories rather than a flat surah list, and built multiple reciters, high-quality audio, favourites for quick return, and downloads for offline listening. Fully bilingual in Arabic and English.
What the product had to solve
Quranic content deserves an interface that gets out of the way. The product had to make a themed library easy to move through, keep playback steady during long listening, and stay calm and uncluttered on every screen.
Technologies we use

Tailwind CSS
Utility-first CSS

Firebase
Real-time backend

TypeScript
Typed JavaScript

Node.js
Scalable network

React.js
Declarative UI library

Figma
Collaborative design

Next.js
Server-rendered



Crafting thoughtful design solutions that drive real impact
We believe great digital products are built at the intersection of strategy, usability, and aesthetics. For this project, we focused on creating a design system that feels structured yet flexible—supporting both immediate functionality and future expansion.
From interaction flows to visual hierarchy, every design decision was guided by real user needs and long-term product vision. The result is a product that feels intuitive, reliable, and purpose-built for the people who use it every day.
Our process included
- Deep stakeholder collaboration
- Clear UX strategy and wireframing
- Iterative design validation
- Consistent visual language across modules
- Developer handoff and QA



Delivering a scalable and user-friendly solution
The final solution is a robust digital product that enables efficient, confident everyday use while maintaining a clean and approachable experience.
Outcome highlights
- Deep stakeholder collaboration
- Clear UX strategy and wireframing
- Iterative design validation