top of page

Education Management System


Punjab Group of Colleges (PGC) is one of the largest companies in Pakistan working in the education sector. With hundreds of schools, colleges and thousands of employees, they required a comprehensive single platform that could be accessed by almost all the employees to complete their tasks. A platform that could perform tasks such as fee generation, student enrollment, HR, admin, creating timetables, and much more. 

WhatsApp Image 2020-05-08 at 7.20.50 AM.


I followed a 4 step process while designing and developing this application and those are listed as follows

  1. User Research - This is the primary and secondary research phase in which I take most of the time as compared to the other phases. In this phase, I tend to identify my users and get to know them and the market around where I perform a survey and do some literature review.  I interview my users and find out what they want and what are the pain points that they are currently facing with the existing product related to it if any.

  2. Low-fi Prototype and High-fi Prototype - After thorough brainstorming, I make a mood board and try to list all the features that I am going to include in the system. I also make lots of Low-fi prototypes, user journey mapping during this phase. I then tested my low-fi prototypes with the users to get their feedback and improve the existing designs before moving on to the high-fi prototyping which I do using Adobe Photoshop or Adobe XD.

  3. Development - In this phase, all the high-fi prototypes along with the functionality are implemented. 

  4. User Testing and Evaluation - The system is now ready to be tested by the users. I create tasks for them to perform and note how much time it took them to complete each task and the points where they were unable to perform any. I also take a pre and post-study questionnaire in which multiple functionalities of the system are rated by the users. This gives me more data to improve my system.


The solution is a simple and comprehensive web application with over 300+ pages that can be used by all the employees working in the company. A separate login username and password were provided to each type of employee in order to access and perform tasks related to their role. Some of the other functionalities provided by the web application are as follows:​

  • View, edit and generate fee challan generation of the students

  • View, edit and create student profiles

  • View, edit and create timetables for each class for a specific school/college/university

  • View, edit and create employee profile

  • View, edit and mark student attendance

  • View, edit and create admission forms

  • Access, record and analyze dashboards that display revenue, profit only accessible to the

Each screen was created with an elegant yet simple User Interface with an emphasis on making things clear and easy to use.


WhatsApp Image 2020-05-08 at 7.20.50 AM.
WhatsApp Image 2020-05-08 at 7.20.50 AM
WhatsApp Image 2020-05-08 at 7.20.51 AM
WhatsApp Image 2020-05-08 at 7.20.52 AM.
WhatsApp Image 2020-05-08 at 7.20.51 AM.
WhatsApp Image 2020-05-08 at 7.20.49 AM.
WhatsApp Image 2020-05-08 at 7.20.52 AM
WhatsApp Image 2020-05-08 at 7.20.49 AM
WhatsApp Image 2020-05-08 at 7.20.48 AM.
bottom of page