<aside> 💥 Before Reading Please open this as a page with the option in the top left of the model for the best experience

</aside>

About Company

Writo Education Private Limited is a content services platform. They have large team of students for creating Video and Text Solutions for every subject for other organizations.

Product Details

They want to create their own education platform, so that they can step in the edutech sector with there already existing content

Deliverables

Discovery Phase

In this phase me and the employers themselves discussed the main problems faced by students in the time of pandemic, and how they were not able to follow up with their school curriculum in the online mode. These were some of the key points of the discussions over several meets

Frame 87.png

Problems and goals

<aside> ⚠️ To be able to learn anytime, anywhere

</aside>

<aside> ⚠️ Test of concepts to retain them better

</aside>

<aside> ⚠️ To be able to communicate doubts easily

</aside>

<aside> ⚠️ To be able to track yourself better

</aside>

Key Metrics

<aside> 📉 Ease of asking a doubt

</aside>

<aside> 📉 Ease of attending a course

</aside>

<aside> 📉 Personalized Statistics

</aside>

<aside> 📉 Testing of the concepts

</aside>

Solutions

<aside> ✅ Give users their data back with stats

</aside>

<aside> ✅ Provide a 24 X 7 Chat support for doubts

</aside>

<aside> ✅ Pre-recorded video content for easy revision

</aside>

Challenges

<aside> ⛔ Working to very little user data

</aside>

<aside> ⛔ Keeping the app professional yet friendly

</aside>

<aside> ⛔ Working within the development constraints

</aside>

Logo Design

The logo design was based on a mock-up of two foundation style pens joined together but a curve. This mock-up was already present with the employers and I was supposed to convert the same into a vector based logo.

This is the design process

Frame 87.png

This is the final Logo that got accepted

Final Logos.png

Style Guide

Colors


The colors were based on the instructions and logo mock-up provided by the employers themselves.

Primary theme is set to dark colors so that long hours of usage is less eye-hurting, but a light theme has also been built so that users are able to navigate better in a well lit surroundings.

Some gradients were also used repeatedly through out the application for visual enhancement purposes, those are displayed in the final design at the bottom.

SG - 4.png

Typography


Poppins was chosen as the font of choice because of its clean, professional and the same time a friendly feel.

It was the perfect fit as per the desired requirements of the application.

Poppins is a free font with a lot of variants available out of the box which made it an even better choice considering the visual hierarchy that can be created with it.

A single font was enough to create the needed hierarchy in the user interface, so to keep the style guide easy to reuse and reproduce other products with, I decided to go with just Poppins.

SG - 3.png

SG - 2.png

SG - 1.png