Designing a cohesive web and mobile experience that fosters community and supports quality education through a professional, retro-inspired journal platform.
Type
Personal Project
Edu4All: A platform dedicated to promoting quality education
Case Study Goal
Project Overview
〰️
Project Overview 〰️
Edu4All is a non-profit journal platform supporting the UN's quality education goal, featuring a modern, responsive design for desktop and mobile.
Delivers a seamless experience through a responsive website.
Ensures consistent UI across various platforms with strong branding.
PROBLEM
Aspiring Educator
Why is it so difficult to find accessible resources for quality primary education?
Community Builder
What makes it so challenging to create a platform that fosters collaboration and knowledge-sharing for educators?
Brainstorming
How might we design a professional, user-friendly platform that makes educational resources accessible while fostering collaboration among educators and learners?
How can we make educational resources easy to find and use? → Use an intuitive layout, filters, and responsive design.
Accessibility
What design approach emphasizes seriousness? → Employ a retro-inspired theme with dark tones and a strict grid system.
Professionalism
How do we foster collaboration? → Add forums and sharing features to connect educators and learners.
Community Building
Pain points & Goals
Edu4All simplifies access to resources and fosters collaboration through an intuitive, responsive platform.
Pain point
Difficulty Accessing Resources
Pain point
Lack of Collaboration
Goal
Simplify Access: Design an intuitive, responsive platform for seamless navigation.
Goal
Build Community: Incorporate features that encourage collaboration and knowledge-sharing.
Mission Statement of Edu4All
To promote quality education for all by creating a platform that is engaging, accessible, and collaborative. Edu4All empowers educators and learners through intuitive design, community-driven sharing, and streamlined access to resources, fostering a passion for lifelong learning and knowledge-sharing.
This case study will focus on the following points.
Intuitive design
So, what do other services do?
Duolingo
Gamifies learning to make language acquisition fun and engaging.
Goodreads
Builds a community-driven platform for sharing book reviews and recommendations.
Coursera
Offers accessible, expert-led courses to bridge knowledge gaps globally.
Khan Academy
Provides free, interactive learning resources to make education accessible to
However, none of these focus on resource-sharing services for local educators.
Target Audience & User Persona
-
Teachers and instructors looking for accessible, high-quality resources to enhance their teaching.
-
Individuals aiming to foster collaboration and share knowledge within their educational communities.
-
Students and lifelong learners seeking reliable educational materials.
"Inspiring change, one student at a time."
Sarah Kim (34)
Primary School Teacher / Wyoming
Motivation
Passion for improving education and empowering students.
Pain Point
Difficulty finding reliable materials and connecting with fellow educators.
Goal
Simplify teaching by accessing quality resources and fostering collaboration.
Task Flow
Access and Review a Journal
Ensure users can easily discover, review, and engage with journals, creating a seamless and intuitive experience for accessing educational content.
User Logs Into the Platform
Search or Filter Journals
Select a Journal
Review Journal Content
Engage with Journal
Return to Journal List
The design system improves usability, strengthens branding, and provides a scalable foundation for future platform expansion.
Building a Cohesive Design System
How
Developed through user research, the system incorporates core principles like clarity and accessibility, with reusable components such as typography, colors, and layouts, prototyped and refined in Adobe XD.
Why
The Edu4All design system ensures consistency, enhances usability, and establishes a professional, accessible platform for educators and learners.
Final Design
The final design for Edu4All, built on a cohesive design system, delivers a seamless experience across mobile and desktop platforms. The focus was on creating a user-centered interface, prioritizing usability and accessibility. The design process emphasized UI refinement, ensuring consistency and clarity throughout the platform.
Takeaway