📚 Compo Owl: Redefining Education Through Technology 🦉

A comprehensive mobile and web application designed to streamline communication and engagement for students, teachers, parents, and administrators.

📖 About the Project

Compo Owl, developed under Tolong2, a KAPX Agency, aimed to transform educational processes with an intuitive and user-friendly platform. The project involved creating a mobile app for 📱 students and teachers and a web app for 💻 parents and administrators. It incorporated features tailored to address the needs of all stakeholders, fostering a seamless and engaging educational experience.

🛠️ Key Contributions

Led the design process for mobile and web platforms, using Figma to create engaging interfaces and intuitive user flows.
✅ Developed user stories for four primary users: students, teachers, parents, and administrators.
✅ Designed features such as onboarding, account management, grading tools, and credit systems.
✅ Collaborated with a cross-functional team of developers, project managers, and backend engineers.
✅ Conducted thorough testing across iOS, Android, and web platforms to ensure functionality and usability.

✨ How It Started

The project began with document reviews and discussions to identify the application's scope. After a discovery call with the client, we defined the concept of a Minimum Lovable Product (MLP). This involved ideating features, understanding user needs, and outlining deliverables.

Starting strong: Researching the product, understanding its purpose, and crafting tailored solutions inspired by the project brief.

🌟 Purpose

Compo Owl’s mission was to bridge gaps in education by creating a platform that simplifies communication, streamlines assignments, and provides actionable insights for all users. The platform caters to the specific needs of students, teachers, parents, and administrators, integrating these functionalities into a cohesive system.

🎨 Design Process

🔍 Discovery & Ideation

  • Conducted meetings to identify user needs and features for the MLP.
  • Outlined the core functions and additional features based on client feedback.
Conducted a discovery call with the client to identify key requirements for achieving a Minimum Lovable Product (MLP)

✍️ User Stories

  • Created detailed personas for students, teachers, parents, and administrators to guide design decisions.
Developed user stories for four distinct user types, serving as a guide for feature development.

🎨 Prototyping & Design

  • Designed mobile and web interfaces using Figma.
  • Developed prototypes showcasing functionalities like splash screens, onboarding, login, assignments, and grading tools.
A glimpse of mockups crafted for various user types, with the interactive prototype showcased at the bottom.

⚙️ Feature Integration

  • Students: Assignment uploads, credit systems, report cards, and fun avatar designs.
  • Teachers: Grading tools, customizable pens, and earning systems for reviewed drafts.
  • Parents: Dashboards, credit management, assignment tracking, and feedback options.
  • Administrators: User management, assignment creation, coupon features, and analytics dashboards.

🛠️ Testing:

  • Conducted comprehensive testing on iOS, Android, and web platforms to ensure a seamless experience across all devices.
Logged and managed bugs for iOS, Android, and web apps across student, teacher, admin, and parent platforms using ClickUp.

🎉 Project Outcomes

🎨 Enhanced User Experience: The revamped designs improved usability, making it easier for users to navigate and perform tasks.
📈 Streamlined Processes: Simplified assignment management, grading, and communication for all users.
👏 Client Satisfaction: Positive feedback from the client on the design and functionality, exceeding expectations.
🌐 Comprehensive Solution: Successfully launched the app on the Play Store, App Store, and web platforms, ensuring accessibility for all stakeholders.