Go Back
Created at Binpar - 2019
Role - UI/UX + Front End Design
Client - Editorial Médica Panamericana
Industry - Medicine
Tools - Sketch - React Native
Dr. Q was a mobile quiz application designed for medical students and distributed by Editorial Médica Panamericana.
The app hosted weekly competitions where students from different universities could test their knowledge and compete to be the last player standing.
Medical students frequently rely on quizzes and self-assessment tools to prepare for exams and reinforce their knowledge.
The client wanted to create a mobile experience that would:
The experience was designed as a fast-paced competitive quiz, where players answered questions in real time until only one participant remained.
Some competitions also included prizes to increase motivation and participation.
The interface needed to prioritize speed and clarity, allowing users to read the question, review any images or diagrams, and select an answer quickly.
The visual design was based on the publisher’s brand identity, using its colors while introducing brighter accents to give the app a more playful tone.
A dedicated logo and graphic system were created for the game, using organic shapes and blob-style elements to reinforce the app’s energetic and competitive character.
Medical questions sometimes include complex diagrams or large images, which can make it difficult to present both the question and the answer options within the limited space of a mobile screen.
To solve this, the question and related images were placed inside a scrollable container, while the answer options remained fixed at the bottom of the screen.
This allowed users to review the content while keeping the answer choices immediately accessible, enabling faster decision-making during gameplay.
The result was a competitive mobile quiz experience that encouraged students to test their knowledge while interacting with peers from other universities.
The project combined educational content with game mechanics, creating a format that supported both learning and engagement.
Designing a quiz-based mobile experience highlighted the importance of prioritizing speed and clarity in interaction design. When users are under time pressure, even small interface decisions can significantly affect usability and performance.
This project also reinforced the need to design flexible layouts capable of handling different types of educational content, including diagrams, images, and long-form questions, without compromising readability.
Finally, it demonstrated how game mechanics such as competition, leaderboards, and real-time challenges can increase engagement in learning environments when applied thoughtfully.
