SW

Islam Quest

A mockup of
        the UI from the islam quest app

HvA: Graduation project / Afstudeer project

Assignment - individual: How can a digital interactive product, using gamification, provide people interested in Islam without prior knowledge with a structured learning process about Islam? The target group is young people aged 16 to 27 who are not religious, but who, out of curiosity or personal motivation, want to learn more about Islam.

A mockup of
        the UI from the islam quest app

๐Ÿ“ฑ Islam Quest โ€” Graduation Project

Islam Quest is my graduation project for Communication and Multimedia Design at the Amsterdam University of Applied Sciences ๐ŸŽ“.

The goal was to answer the question: "How can a digital interactive product, using gamification, provide people interested in Islam without prior knowledge with a structured learning process about Islam?"

Through interviews ๐ŸŽค, desk research ๐Ÿ“š, and analysis of existing learning platforms, I found that many young people interested in Islam face an overload of information, conflicting opinions, and no clear starting point. The result is an educational app that combines gamification ๐ŸŽฎ with accessible, reliable content. Users can explore topics such as the Five Pillars ๐Ÿ•Œ, Ramadan ๐ŸŒ™, and the life of the Prophet ๐Ÿ“– through an interactive map (similar to Duolingo) or choose standalone courses.

โœจ Key features:

  • ๐Ÿ“œ Scrollytelling for engaging, visual lessons
  • โ“ Interactive quizzes with varied formats
  • ๐Ÿค– AI chatbot for anonymous questions
  • ๐Ÿ“– Built-in Quran reader & ๐Ÿ—บ๏ธ โ€œmosques nearbyโ€ finder
  • ๐Ÿ‘ซ Social learning via the Study Circle feature

The prototype was iteratively designed, tested with the target audience ๐Ÿ‘ฅ, and refined with feedback from both users and an e-learning expert. Islam Quest not only makes learning about Islam approachable, but also helps break down misconceptions and foster inclusion ๐Ÿค.

A mockup of
        the UI from the islam quest app

More about the project:

View the full project and design process in the PDF below. Everything is in Dutch.

Islam Quest Design Rationale

Link to full Prototype:https://www.figma.com/proto/bVP8yFzsn0NYFFKt64kbBm/Afstudeer?page-id=0%3A1&node-id=860-10400&viewport=9827%2C-8731%2C0.27&t=7yx0jDBJBCHId6hJ-1&scaling=scale-down&content-scaling=fixed&starting-point-node-id=860%3A10400&show-proto-sidebar=1&fuid=1469000977477727456

Link to full app explanation video (in dutch):https://www.youtube.com/watch?v=jQbF7yIZVDo&ab_channel=SorayaWoest