Revamping eKool - A Better Learning Experience

Why I Chose This Project

As a former science teacher and now a UI/UX designer, I’ve always been deeply aware of the gaps in digital tools used in education. eKool β€” a platform aimed at helping students, teachers, and parents manage academic progress β€” had potential, but its interface felt outdated, cluttered, and not user-friendly for its diverse audience.

I chose to redesign eKool as a passion project that bridges both of my worlds β€” education and user experience. The goal was to create a more intuitive, engaging, and accessible experience for all user types, especially students and teachers.

What Problem I Solved

After analyzing the original platform, I identified several key pain points:

❌ Overwhelming and outdated UI β€” cluttered dashboards with low information clarity

❌ Complex navigation β€” users had to dig through layers to perform simple actions

❌ Poor mobile experience β€” unoptimized layouts made it hard for students to use it on-the-go

❌ Lack of accessibility and emotional engagement β€” especially important in learning environments

My redesign focused on:

βœ… Simplified and task-oriented dashboards for students and teachers

βœ… Streamlined navigation with clear hierarchy and quicker access to key functions

βœ… A mobile-first responsive layout

βœ… Visually calm, friendly, and accessible UI design to reduce cognitive load

Duration

7 Days Total

Day 1: Platform audit, user segmentation, and problem definition

Days 2–3: Wireframes and layout structure

Days 4–6: High-fidelity UI design, mobile responsiveness, and design system

Day 7: Final review and documentation

My Design Process

Problem Discovery & UX Audit
Reviewed the existing product experience and documented friction points across user flows.

User Type Breakdown
Created simplified personas for students, teachers, and parents to clarify different needs and goals.

Information Architecture & Wireframes
Reorganized the platform structure to prioritize ease-of-use and essential actions; created low-fidelity wireframes.

UI Design & Prototyping
Designed a modern, clean interface in Figma with a modular layout, soft colors, and clear typography. Ensured mobile responsiveness from the start.

Design System
Built reusable components to establish consistency across the platform and support future scalability.

Reflection & Case Documentation
Compiled insights, screenshots, and key decisions into a case study for portfolio presentation.

Outcome

This project allowed me to apply practical UX thinking to a real-world education platform. It reflects my:

Ability to solve problems with empathy and clarity

Skill in creating role-based design solutions

Personal mission to improve digital experiences in education

It’s a meaningful piece in my portfolio β€” merging my past as an educator with my future as a designer.

06 Mar 2025

Keywords
UI
UX
UI/UX
UI/UX Design
Web Design
User experience
User interface
Figma
GIMP
Photoshop
Inkscape
Wireframing
Prototyping
50 sec

Creating portfolio made simple for

Trusted by 70900+ Generalists. Try it now, free to use

Start making more money