VGA Softwares

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
Jaleel

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

Have a Project in Mind?

We are building productsWe are building productsWe are building productsWe are building products