An emotion-based spiritual support tool for daily guidance
Click to jump to sections
Role
Product Designer & AI-Assisted Developer
Timeframe
July 2025
Tools
Cursor AI, Lovable
Platform Status
Live
“Mood to Iman” is a lightweight spiritual support tool that connects emotional states to relevant Islamic guidance. Instead of searching manually for content, users simply select how they feel and receive targeted reminders, videos, and small actionable steps.
Sometimes people feel worried, helpless, alone, or tired. They don’t know what to read or watch to feel better. Often, the problem is not that there is no guidance, but that it takes a lot of effort to find the right one.
I wanted to create a simple experience where users could select their current emotion and immediately receive relevant Islamic video content related to that feeling.
The goal was to make it clear, simple, and emotionally powerful.
Emotion-First Interaction
Users start by selecting how they feel (e.g., anxious, sad, lonely, tired, grateful). Based on the selected emotion, the system surfaces:
This makes it easier to use and eliminates the need to search manually.
At the bottom of the page, I introduced a gamified spinner called Get Sawab.
When users spin, they receive a small, actionable spiritual task such as:
The goal is to encourage small, regular actions instead of overwhelming commitments.
Decision: Emotion-first navigation
Why: When someone is emotionally vulnerable, they should not need to search through categories or menus. Selecting a feeling is faster and more intuitive
Decision: Randomized Hadith per emotion
Why: This helps keep things interesting, motivated and prevents people from getting bored
Decision: Gamified spiritual actions
Why: Encourages consistent positive behavior in an engaging way
Mood to Iman is now live and functional. It delivers:
Started the project using Lovable for rapid UI generation and structure
Encountered functional bugs and logic issues during implementation
Switched to Cursor AI to debug logic, refine behavior, and resolve edge cases
Iterated multiple times to stabilize emotion-to-content mapping and spinner behavior
This was built using a Vibe Coding workflow.