A Flutter habit-tracking app, built by Hoop, marketed by Hoop.
QalbSync needed a single cross-platform app covering habit tracking, analytics, calendar integration, and a full account system, launched on both iOS and Android from one codebase. Our development team built it in Flutter; the same agency handled the design system, the branding, and the app's discoverability after launch.
- Client
- QalbSync
- Industry
- Health & Wellness / Mobile App
- Location
- United Arab Emirates
- Platform
- iOS & Android (Flutter)
QalbSync needed one app, not two separate builds, that could track multiple habit types, visualize progress across weekly, monthly, and yearly views, and handle a complete account lifecycle from onboarding to account deletion. We built it in Flutter, designed the full visual identity through our product design process, and handled discoverability through mobile app marketing and ASO.
- Single Flutter codebase shipping to both iOS and Android
- Multi-module habit tracking with streak and points gamification
- Custom visual identity built around Islamic aesthetic conventions
- Full account lifecycle: onboarding, verification, settings, deletion
The build, by the numbers
Core Tracking Modules
4
Custom Practice Icons
5
Platforms, One Codebase
2
Design System, Every Screen
1
One app, multiple tracking types, two platforms
QalbSync’s concept required several distinct habit types - prayer completion, Quran recitation, meditation-style reflection (Muraqaba), and general good deeds, all tracked in one coherent data model rather than as separate bolted-on features. Each needed its own progress visualization without the app feeling cluttered.
On top of the tracking logic, the brief called for a visual identity that felt authentic to a specific cultural and religious audience rather than a generic wellness-app template, plus a full account system - verification, profile editing, feedback, account deletion - built to the same polish as the core tracking screens.
Multiple habit types, one data model
Prayer, Quran recitation, and reflection tracking needed to share one coherent architecture, not separate bolted-on features.
Cross-platform from one codebase
iOS and Android both needed a native-feeling experience without maintaining two separate builds.
Culturally authentic visual identity
A generic wellness-app look wouldn’t fit, the brand needed custom iconography and typography built for its audience.
Full account lifecycle
Onboarding, verification, profile management, and account deletion all needed the same design polish as the core app.
A single Flutter build, engineered for one coherent product
We built QalbSync in Flutter, letting one codebase ship a fully native-feeling app to both the App Store and Google Play. The habit-tracking engine was architected to handle multiple tracking types - prayer, recitation, reflection, custom habits - on a shared data model, so adding a new habit type doesn’t mean rebuilding the analytics layer underneath it.
Through our product design process, we built a custom visual identity: an Arabic calligraphy wordmark, a deliberate green-and-cream palette, and a set of custom icons representing prayer, dhikr, and communal gatherings, applied consistently from the splash screen through settings.
A full feature set across four functional areas
Habit Tracking
- Prayer (Farad) Tracking
- Quran Recitation Tracking
- Muraqaba / Reflection Tracking
- Custom Habit Creation
Progress & Analytics
- Weekly / Monthly / Yearly Views
- Circular Completion Percentage
- Streak Counter
- Points System
Calendar & Community
- Monthly Calendar View
- Completed-Day Highlighting
- Upcoming Events & Gatherings
Account & Settings
- Onboarding & Verification Flow
- Profile Management
- Suggestions / Feedback
- Account Deletion
Inside the app
A system that's launch-ready
Cross-Platform
One Flutter Codebase
Full-Featured
Tracking, Analytics & Calendar
Custom-Branded
End-to-End Design System
Launch-Ready
Complete Account Lifecycle
Shipped, published, and in early access
QalbSync is live on the App Store and Google Play today, free to download, with a privacy-first build that collects no user data. As a newly launched app, it's still in early access, growing its install base and review count from here.
The services behind this app
- 01Mobile App DevelopmentThe Flutter build, iOS & Android.
- 02Product DesignThe full UI/UX & design system.
- 03Visual Identity DesignThe custom wordmark & icon set.
- 04Mobile MarketingASO & app discoverability.
- 05UX AuditOnboarding & retention-focused UX.
- 06Growth ConsultingOngoing engagement & retention strategy.
Have an app idea that needs both build and launch?
Tell us where you want to go. We'll show you how to get there, and then build it with you.