Ed5
2022
Ed5- B2B Edtech
Leading Ed5 from concept to product
Overview
Ed5 is a B2B AI-powered School Management System built for modern schools. From brand identity to product launch, I designed the complete ecosystem—including the logo, design system, website, and web, tablet, and mobile applications for all stakeholders.
Platforms
Website
Web App
Tablet App
Mobile Apps (iOS & Android)
Role
Branding & Visual Identity
Product Strategy
UX/UI Design
Design System
AI Experience Design
Marketing Website & Collateral
Problem
Managing school operations felt unnecessarily complex.
Schools relied on fragmented systems and manual processes to manage attendance, assessments, communication, and student performance. Switching between multiple tools increased administrative effort, slowed decision-making, and made it difficult to deliver personalized learning experiences.
Research
Understanding school workflows
Through stakeholder interviews and workflow analysis, I identified fragmented processes, repetitive manual tasks, and limited visibility across school operations. These insights shaped an AI-first platform focused on automation, efficiency, and personalized learning.
User Personas :
Ed5 is designed for a diverse school ecosystem where students, teachers, parents, administrators, principals, and academic coordinators interact with the platform in different ways. To better understand their goals, responsibilities, and pain points, I created stakeholder personas that guided product strategy, feature prioritization, and user experience decisions throughout the design process.
ADMIN:
Principal:
Teacher:
Student:
Parent:
Ideation
Designing an AI-first school experience
I translated research insights into wireframes and user flows, exploring how AI could naturally support curriculum planning, assessments, performance tracking, and school operations. Rapid iterations helped validate interactions before visual design.
Color & Branding:-
I established Ed5's visual identity from the ground up, defining the logo, color system, typography, and design guidelines that formed the foundation of the product. The color palette was designed to reinforce trust, improve interface hierarchy, communicate interaction states, and ensure a consistent experience across branding, the marketing website, and web, tablet, and mobile applications.
A scalable color palette was created to establish a strong brand identity and consistent user experience across the platform. Primary and secondary color scales provide flexibility for interface hierarchy, interaction states, accessibility, and responsive design while ensuring visual consistency across web, tablet, and mobile applications
Typography :
I developed a scalable typography system using Roboto to establish a clear visual hierarchy and improve readability across the platform. Standardized text styles for display, headings, titles, body, and labels ensured a consistent, accessible experience across web, tablet, and mobile while creating a shared language for both designers and developers.
I developed a scalable elevation system using consistent shadow and surface treatments to create visual hierarchy and reinforce interaction states. Standardized elevation levels improved clarity, highlighted interactive elements, and ensured a cohesive experience across light and dark themes throughout the Ed5 design system.
Design Elements:
I developed a reusable library of design elements—including icons, illustrations, avatars, device templates, and UI assets—to establish a scalable foundation for the Ed5 design system. These shared assets improved consistency, accelerated product development, and ensured a cohesive experience across web, tablet, and mobile platforms.
Layout Breakpoints
I designed a responsive layout system with standardized breakpoints, adaptive grids, and consistent spacing to ensure a seamless experience across desktop, tablet, and mobile devices. This scalable framework enabled interfaces to adapt to different screen sizes while maintaining usability, accessibility, and visual consistency throughout the product ecosystem.
Designs
Designing an AI-first platform for every stakeholder
The final designs brought together branding, intuitive user experiences, and AI-powered workflows into a unified ecosystem. Built on a scalable design system, the platform delivers role-based experiences for administrators, teachers, students, and parents across web, tablet, and mobile. Every interaction was designed to simplify complex school operations, reduce manual effort, and support personalized learning through contextual AI.
📸 Dashboard
📸 AI Curriculum Planner
📸 AI Assessment Generator
📸 Personalized Remedials
📸 Student Mobile App
📸 Teacher Workspace
📸 Parent Portal
📸 Website
Lessons
Lessons Learned
Ed5 reinforced that great enterprise products aren't defined by the number of features they offer, but by how seamlessly they fit into users' everyday workflows. Building the platform from scratch taught me the importance of designing scalable systems, aligning business goals with user needs, and integrating AI in ways that simplify work, improve decision-making, and enhance the overall experience.
