EDYST

Online learning platform for aspiring and experienced developers

Product

Edyst is an e-learning platform that envisions changing the higher education and hiring system by creating an AI-powered online learning platform that uses gamification and peer-to-peer learning for College students as well as professionals.

The main challenge was to create an experience that makes serious learning engaging and encouraging. The experience had to be gamified so that the users have fun and be productive. We also wanted to break the monotony of a typical e-learning pattern and give it a fun and young feel to it.  Another important thing I had to keep in mind while designing was that the user should never feel alone or left out while studying.  The app had t give a feeling of a classroom and not private coaching.

Challenges

Cohort Dashboard

Monthly Planner

Desktop Web App

Visual Strategy 

Playing with colors yet reflecting brand values is tricky!  It was great learning for us to come up with a visual language that was a perfect blend of playful, professional, and intuitive.

Structure & Wireframes

Strategy was to built the wireframes by understanding user behaviour, key to it was balancing the value of learning and sense of acheviement and to reach the desired goal in minimum possible clicks.

Color Palette & Style Guides

Background Colors

#deefff

#a9d2ff

#75b1f9

#5270ff

#e8eeef

#f4f8f9

Cohort Colors

#edf3fc

#dce8ff

#2049af

#f4f2f9

#f3ebff

#7e33c1

#edfcfc

#c2fcff

#009bb5

#f2f2fc

#d9d9ff

#5146c5

#f9eff3

#f44e7e

#ffe9f1

#f9f6ef

#fff5ca

#f4c500

Default

Active

Inactive

Link Color

Error/ Incorrect Information

Success/ Correct Information

Primary Buttons

Not Active

Active

Hover

Click

Secondary Buttons

Not Active

Active

Hover

Click

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.

Heading 5- Roboto light 16-Pt

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt. , sed do eiusmod tempor incididunt.

Heading 6- Roboto light 14-Pt

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt. , sed do eiusmod tempor incididunt.

Heading 7- Roboto light 13-Pt

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt. , sed do eiusmod tempor incididunt.

Heading 1- Georgia Regular-36Pt

Lorem ipsum dolor sit amet

Heading 2- Roboto light 30-Pt

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Heading 3- Roboto light 24-Pt

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do.

Heading 4- Roboto light 21-Pt

Icons & Badges

Other Modules

Edyst is not just about learning but also to help students to look out for job opportunities, guide them for upcoming interviews, help create resumes and draft professional emails by providing readymade templates that can be customized as per the need.

Career Resource

These are remotely proctored tests in form of MCQs, coding, and logic games to validate that students have been learning properly (Using webcam and microphone) 

Assignment View

Monthly Planner

A customized system-generated planner for understanding the study patterns of the students and grasping capacity. This helps in encouraging the targeted study and improving productivity.

Chat Screens

Chat module helps students to interact and connect with other students across the globe online for collaborative studies and sharing knowledge. This module is accessible at any point in the app which helps in easy interaction

Cohort Dashboard

The dashboard had to be designed in such a which gives a user experience of social presence, peer interaction, gamification, personalized planner along with learning.

D-402, The First, behind KeshavBaugh Party Plot, I I M, Vastrapur, Ahmedabad, Gujarat 380015

Email: Ketaki@instinctdesignstudio.com