Duration

Duration

Duration

Jan 2023 - present

Jan 2023 - present

Jan 2023 - present

Type

Type

Type

UX/UI Design

UX/UI Design

UX/UI Design

App Design

App Design

App Design

Web Design

Web Design

Web Design

Branding

Branding

Branding

Social Media

Social Media

Social Media

Tools

Tools

Tools

Figma, Webflow, Jitter

Figma, Webflow, Jitter

Figma, Webflow, Jitter

Quraneyah app and landing page mockups
Quraneyah app and landing page mockups

Quraneyah is an innovative app that presents the Quran as an interactive card deck, displaying one verse per card for focused engagement. It combines spiritual reflection with modern tools, making Quranic study accessible, personalized, and community-driven.

(INTERACTIVE PROTOTYPE)

Prototype GIF
Prototype GIF

(COLORS + TYPOGRAPHY)

Noto Sans

Regular | Bold

Noto Sans

Regular | Bold

Noto Sans

Regular | Bold

Arial

Regular

Arial

Regular

Arial

Regular

(ROLE)

Quraneyah is an app I’ve developed in close collaboration with its founder, evolving his initial idea of presenting the Quran as a card deck into a fully interactive experience. Together, we’ve introduced features like flipping each card for tafsir (verse explanation), marking favorites, seamless navigation between verses and chapters, and a suite of social features available through subscription. These additions foster a sense of community, allowing users to connect and support one another in their journey. We also integrated Quranic insights into the reading flow and included audio recitations and customizable settings to personalize the experience, making Quraneyah a uniquely engaging and accessible tool.

Quraneyah app screens
Quraneyah app screens
Quraneyah app screens

(DESIGN)

Quraneyah’s appeal lies in its simplicity and purposeful design, where form follows function. The neutral palette, accented by muted brand colors and brighter hues for user profiles, adds a touch of personalization and character. This straightforward yet engaging interface is enhanced by subtle micro-interactions and satisfying animations, making the user experience smooth, intuitive, and complete with a sense of warmth and clarity.

Quraneyah app screens
Quraneyah app screens
Quraneyah app screens

(SOCIAL MEDIA)

Quraneyah's social media presence is concise and focused, effectively showcasing the app's core functions while staying true to its brand identity. Each post highlights key features and benefits, ensuring that the messaging is clear and impactful. By maintaining a cohesive visual and thematic style, Quraneyah engages its audience and reinforces its mission of making Quranic study accessible and meaningful for all users.

Quraneyah's social media
Quraneyah's social media
Quraneyah's social media

(MARKETING VIDEO SAMPLES)

These three launch videos, created in Jitter and Adobe After Effects, have garnered over 1.8 million views on Instagram, driving the initial traction and surge in downloads as well as establishing Quraneyah’s active user base. Designed to be simple and direct, the videos mirror the app’s philosophy and approach by presenting Quraneyah in bite-sized, digestible snippets—just as the app itself breaks down the Quran into manageable verses. This success underscores the power of minimalism, demonstrating that concise, focused content can effectively engage and inform without overwhelming the viewer.

Quraneyah video GIF
Quraneyah video GIF
Quraneyah video GIF
Quraneyah video GIF
Quraneyah video GIF
Quraneyah video GIF
Quraneyah video GIF
Quraneyah video GIF
Quraneyah video GIF