Graduation project: collaborative learning app design

CopyCompass

Revolutionizing the educational ecosystem with a mobile app designed to enhance interactive learning and peer collaboration.

MarkovML • 2024 - 2025 • New Product Development

Stage 1. User Research

Engaged with over 100 students and educators through online surveys, in-depth interviews, and virtual focus groups to gather comprehensive insights into their learning habits, preferences, and frustrations with current educational tools. This exhaustive research phase highlighted the need for more interactive and collaborative learning solutions, leading to the development of detailed user personas representing the app's target audience.

Stage 2. Ideation & Conceptualization

Led creative workshops involving stakeholders and fellow designers to brainstorm innovative features that address the identified needs. Mapped out several user journey scenarios to visualize how users would interact with the proposed features, fostering a collaborative environment and promoting engagement through gamified learning experiences.tead, algorithms and logic-based solutions ought only provide humans with better insight so as to empower us to arrive at better solutions, faster.

Stage 3. Design Execution

Wireframing: Developed over 60 wireframes for various app screens, meticulously planning each element of the user interface to ensure intuitive navigation and a seamless learning experience. These wireframes served as the foundation for the app's structure, focusing on facilitating easy access to educational content and interactive features.
Prototyping: Utilized advanced features in Figma to create interactive prototypes, enabling realistic user interactions. Conducted live prototype demonstrations to stakeholders, providing a tangible sense of the app's look and feel, as well as its functionality.
UI Design: Crafted a visually appealing and accessible user interface, selecting a color palette that promotes concentration and creativity, alongside typography that improves readability across various devices. Integrated feedback from stakeholders to refine the UI, ensuring that it not only looks appealing but also aligns with educational goals.

Stage 1. User Research

Stage 2. Ideation & Conceptualization

Stage 3. Design Execution

Wireframing: Developed over 60 wireframes for various app screens, meticulously planning each element of the user interface to ensure intuitive navigation and a seamless learning experience. These wireframes served as the foundation for the app's structure, focusing on facilitating easy access to educational content and interactive features.
Prototyping: Utilized advanced features in Figma to create interactive prototypes, enabling realistic user interactions. Conducted live prototype demonstrations to stakeholders, providing a tangible sense of the app's look and feel, as well as its functionality.
UI Design: Crafted a visually appealing and accessible user interface, selecting a color palette that promotes concentration and creativity, alongside typography that improves readability across various devices. Integrated feedback from stakeholders to refine the UI, ensuring that it not only looks appealing but also aligns with educational goals.

Impact & Outcomes

First Paid Customer Secured

The platform launched with its first paying customer, starting a pilot with education publishers and instructional design firm managing large-scale academic content projects.

Faster Content Creation

Test users reported a clear increase in content generation speed during the pilot, reducing the time spent on manual research, writing and formatting.

Higher Trust in AI Writing Tool

Writers felt more confident using AI thanks to clear, explainable flows and built-in safety checks like citation support and plagiarism detection.

Expanded Use Cases

The flexible design made it easy to extend the platform’s use from education to GTM and marketing teams, opening new business opportunities.

Stage 4. User Testing & Iterations

Organized a series of remote user testing sessions, employing both qualitative and quantitative methods to evaluate the app's usability and effectiveness in fostering collaborative learning. Analyzed feedback to identify patterns and areas for improvement, leading to several design iterations that enhanced user engagement and satisfaction.

Stage 5. Final Presentation and Documentation

Prepared an in-depth presentation and comprehensive documentation detailing the research findings, design rationale, user testing outcomes, and the iterative design process. Highlighted the app's potential to transform the educational landscape by making learning more interactive, engaging, and collaborative.

Key UX Solutions

Start Writing with AI

Jumpstart your writing with AI. Draft, brainstorm, or write effortlessly - just input a prompt, and get structured content in seconds. Skip writer’s block and refine your ideas with ease.

Paraphrase or Edit Content

Refine your writing by making precise edits or rephrasing sections to enhance clarity and tone. Highlight any section, and AI transforms it into polished prose instantly.

Multi-AI Chat + Knowledge Vault

Brainstorm new ideas, draft paragraphs, or get feedback directly in the chat panel. Because the AI has context of the current document and can draw from source materials in the Knowledge Vault, it generates more accurate, relevant suggestions, helping users focus on creativity and content quality.

The Knowledge Vault stores previous documents like lessons, assessments, and guidelines, so AI can reference them when generating new content. This keeps writing consistent with past work, aligned with institutional standards, and makes it easier for teams to reuse and adapt content at scale.

Plagiarism & AI Detection

Ensure originality with advanced detection tools. Instantly check for AI-generated text and plagiarism, guaranteeing authentic, unique content that meets academic and professional standards.

Smart Citations

Save time and ensure accuracy with automated citation generation and style guide compliance. Whether it's Chicago, APA, MLA, or custom formats, you can format your work effortlessly.

Reflections

This project was a testament to the importance of thorough user research and iterative design in creating solutions that truly meet user needs. It honed my skills in collaboration, problem-solving, and effective communication, setting a solid foundation for my future endeavors in UX/UI design.