Ed-Tech
my_quest_logo https://www.myquest.co/

MyQuest is an active and blended learning environment that leads to high completion rates, long-term knowledge retention, and effective skills development. It is not an ordinary LMS or online training platform; it transforms your existing training programs into an unforgettable hybrid learning experience.

tunelark_hero

Project Overview

Myquest is designed to engage users in a way that enhances the learning experience and helps them learn.The CEO, Edan Kertis, wanted to combine learning and gaming, and they were looking for an experienced team of designers who could help them bring this idea to life, "where learning is so engaging that it does not feel like learning at all."

Our Role

myquest_research

Research

myquest_userpersona

User Persona

myquest_userflow

User flow

myquest_wireframing

Wireframing

myquest_uiux

UI Design

A Glance

Challenges

After our initial discussion with the client we realised that the client is facing problem with two aspects of their product

1. The dashboard for the mentor required to be re-designed along with it’s information architecture

2. The design for the quest (one course with multiple lessons) was ready, but implementing those designs during development was a big challenge.

challenge_myquest

Solutions

Information Architecture

At the initial stage, researching & planning information architecture was important it helped us to understand which information should come first and which in the last and also what should be left behind.

Wireframing

After having a clear idea of what's important we started with the wireframing of the designs, this helped us to quickly convey our ideas to the client and we were able to make quick alterations in real-time.

User Journey

In the current design the user journey was not that smooth the user had to switch multiple screens to complete one task with the help of wireframes we were able to create a much less take taking user journey with less clicks.

user_journey

Quest Maps

The design team successfully created the designs that the client was hoping for. However, the real challenge was to find a way to develop those designs. To be more dynamic, we decided to create multiple patterns, each containing a different number of missions. For example, if I wanted to have a level with 5 missions, I could combine two different patterns—one with 3 missions and the other with 2 missions. Combining these two patterns would create a level with 5 missions in it.

myquest_quest_maps

Style Guide

Colors

colors_myquest

Button

buttons_myquest

ICONS

buttons_myquest

Typography

font1_myquest font2_myquest

Tags

tags_myquest
font2_myquest

Spaces

spacers_myquest

AVATARS

spacers_myquest

INPUT TYPE

spacers_myquest

Services We Provided

  • Information Architecture
  • Wireframes
  • User flow
  • Prototyping
  • Low Fidelity Designs
  • High Fidelity Designs
services_myquest

Our Process & Approach

  • Weekly Scrum/Demo Meeting with a Client

As working in agile methodology with weekly meetings we ensure that we are in the right direction and it enables the client to better strategize the product in terms of priorities & executions of another area of a product like marketing & fundraising.

  • Internal Daily Scrum

The project manager conducts daily scrum meetings to discuss the day plan and talk about any challenges that we are facing so that team is clear about goals, & client expectations.

  • Daily Reporting

At the end of the day project manager gathers all updates from all team members and processes them into valuable information for the client like

  • Where are we with a feature?
  • Is there any blocker team is facing?
  • Is any attention required from a client?
  • Any waiting approvals from a client?
  • Estimations

We make sure before working on any feature we research well enough on it, make execution plans and provide tentative estimations. This practice is very helpful for product owners to decide product priorities. For example, if any feature is taking 1 month for implementation but adds less value to the customers then it can be de-priorities over the feature which can be done in a week but adds more value to the product.

Tools Used

figma_logo

FIGMA

photoshop_logo

PHOTOSHOP

Project Status

Bluebash handed over the end product to the client successfully. The client is working on the next stage of the product.

project_status_myquest

GOT A QUESTION?

We’re here to help and answer any question you might have. We look forward to hear from you.

Let's Connect

Next Case Study

Skincare E Commerce

Sebamedusa I Case Study

E Commerce

Alex Md Phd | Case Study