Go Back

Dr. Q.

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.

Problem

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:

  • Encourage regular engagement with educational content
  • Foster competition between universities
  • Build a community around the brand’s learning resources

Approach

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.

Design

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.

Challenges

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.

Outcome

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.

Key Learnings

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.

Doctor Q Screens
Wireframe
Doctor Q Screens
Doctor Q Logo
Doctor Q Graphics

You might like these too

We have more works in here!