Visual Identity
Systemic Web
Ecosystem Logic
The project involved engineering a unified design system across three distinct user layers: an engaging student facing hub, a robust content management portal for mentors, and a high authority administrative dashboard.
Year
2024
Industry
EdTech & SaaS Operations
Project
Bridge the gap between educational delivery and community engagement by building a scalable, three tiered infrastructure.
Scope
Multi Role UX Architecture, Visual Identity, Dashboard Engineering, Permission Based System Design.
Client Brief
The client needed to move away from three separate tools and move into one "Integrated Platform". They required a seamless "Student View," a "Creator View" for mentors to build courses, and a "Command Center" for admins to manage the entire business.
Challenges
The "Permission" Puzzle: Designing a navigation system that dynamically changes based on who is logged in without confusing the user.
Contextual Complexity: A Mentor needs to "create", while a Student needs to "consume". Designing components that work for both, but serve different goals.
The Admin "Data Dump": The administrative layer was suffering from information overload. The challenge was to architect a dashboard that surfaced "Actionable Alerts" rather than just raw data.
Approach
Architectural Tiering
The Engagement Layer (User): Focused on low friction, "Focus Mode" for learning, and "Active Interaction" for the community hub.
The Management Layer (Mentor): Engineered a streamlined content uploading flow and a "Engagement Tracker" so mentors could see which students were falling behind.
The Governance Layer (Admin): A high authority dashboard with deep level permissions, user management tools, and platform wide analytics.
The "Command Center" Dashboard
For the Admin layer, I moved away from generic charts and engineered a "Management First" dashboard. I prioritized content and user management at the top level, allowing admins to manage the community hub and the e learning engine from a single, high density view without losing visual hierarchy.
The Engagement Layer
Management Layer
Governance Layer
