Location
Stockholm, Sweden
Duration
1 Year
Date
Sep 22, 2025
Tools Used
Figma, Miro
Location
Stockholm, Sweden
Duration
1 Year
Date
Sep 22, 2025
Tools Used
Figma, Miro
The Client
LearnSphere is an AI-powered educational platform that personalizes learning at scale. The system offers individualized learning paths, automatic grading, real-time AI assistants, and in-depth tracking for students and teachers. With multiple user types — Super Admin, Admin, Teacher, Student — LearnSphere needed a thoughtful, scalable interface that balanced usability with innovation.
The Client
LearnSphere is an AI-powered educational platform that personalizes learning at scale. The system offers individualized learning paths, automatic grading, real-time AI assistants, and in-depth tracking for students and teachers. With multiple user types — Super Admin, Admin, Teacher, Student — LearnSphere needed a thoughtful, scalable interface that balanced usability with innovation.
Creative Challenge
LearnSphere already had a functioning product, but it lacked the polish and clarity needed for an experience-driven platform. They didn’t provide direct login access — instead, our team relied on walkthrough videos shared by the client to understand workflows, pain points, and feature logic. The challenge was to improve the platform’s usability, maintain consistency across roles, and integrate complex AI functionality without friction.
Creative Challenge
LearnSphere already had a functioning product, but it lacked the polish and clarity needed for an experience-driven platform. They didn’t provide direct login access — instead, our team relied on walkthrough videos shared by the client to understand workflows, pain points, and feature logic. The challenge was to improve the platform’s usability, maintain consistency across roles, and integrate complex AI functionality without friction.
Our Approach
Our collaboration was fully remote. Weekly virtual meetings helped clarify requirements, while Figma became the central hub for feedback and iteration. The client would leave detailed comments directly on screens, which we incorporated seamlessly. With a streamlined feedback loop and no bottlenecks in review cycles, the design phase moved smoothly and efficiently across months.
Our Approach
Our collaboration was fully remote. Weekly virtual meetings helped clarify requirements, while Figma became the central hub for feedback and iteration. The client would leave detailed comments directly on screens, which we incorporated seamlessly. With a streamlined feedback loop and no bottlenecks in review cycles, the design phase moved smoothly and efficiently across months.
AI-Course Material Upload
When teachers upload lecture notes or assignments, the system automatically tags, indexes, and aligns content with relevant learning objectives — enhancing discoverability and adaptive delivery.
AI-Course Material Upload
When teachers upload lecture notes or assignments, the system automatically tags, indexes, and aligns content with relevant learning objectives — enhancing discoverability and adaptive delivery.
What We Did
We introduced clarity, structure, and hierarchy into every role-specific experience.
Our redesign included:
Seamless AI integration across features like grading, chat, content analysis, and personalization
Role-based design logic, ensuring each user — student, teacher, admin — had the tools they needed without being overwhelmed
Smarter interaction patterns to reduce cognitive load, especially for younger students
Administrative control systems that empowered schools to tune AI functionality as needed
What We Did
We introduced clarity, structure, and hierarchy into every role-specific experience.
Our redesign included:
Seamless AI integration across features like grading, chat, content analysis, and personalization
Role-based design logic, ensuring each user — student, teacher, admin — had the tools they needed without being overwhelmed
Smarter interaction patterns to reduce cognitive load, especially for younger students
Administrative control systems that empowered schools to tune AI functionality as needed
AI Teacher Chat
Students get round-the-clock access to an intelligent, chat-based assistant that acts like a virtual teacher — explaining concepts, answering study-related questions, and supporting self-paced learning.
AI Teacher Chat
Students get round-the-clock access to an intelligent, chat-based assistant that acts like a virtual teacher — explaining concepts, answering study-related questions, and supporting self-paced learning.
Student questionnaire & AI interaction
These short, AI-generated questionnaires adapt the student’s learning experience, surface relevant content, and provide emotional insights — helping tailor both pace and tone of instruction.
Student questionnaire & AI interaction
These short, AI-generated questionnaires adapt the student’s learning experience, surface relevant content, and provide emotional insights — helping tailor both pace and tone of instruction.
Manage AI Functionalities for Schools
Superadmins can enable or disable AI features for each institution — including grading, chat support, course recommendations, and feedback systems — ensuring the AI fits each school's pedagogy and preferences.
Manage AI Functionalities for Schools
Superadmins can enable or disable AI features for each institution — including grading, chat support, course recommendations, and feedback systems — ensuring the AI fits each school's pedagogy and preferences.
The Results
By the end of the project, LearnSphere had a cleaner, smarter, and far more intuitive experience — without compromising the complexity of its AI-driven logic.
The team recognized the critical need for cross-role coordination and made sure the interface supported communication, motivation, and visibility for all users. A unified notification system and dynamic KPIs further amplified the platform’s educational impact.
The Results
By the end of the project, LearnSphere had a cleaner, smarter, and far more intuitive experience — without compromising the complexity of its AI-driven logic.
The team recognized the critical need for cross-role coordination and made sure the interface supported communication, motivation, and visibility for all users. A unified notification system and dynamic KPIs further amplified the platform’s educational impact.
Next Case Studies
Artificial Intelligence
Web Design
SaaS
Designing an AI-Driven Hiring Experience
If you thought you couldn’t get smart hiring and smooth UX in one app - think again. Groto built Pathways’ AI-powered B2B hiring platform from scratch. Think personality-based assessments, seamless UI, and zero candidate guesswork.
Artificial Intelligence
Web Design
SaaS
Designing an AI-Driven Hiring Experience
If you thought you couldn’t get smart hiring and smooth UX in one app - think again. Groto built Pathways’ AI-powered B2B hiring platform from scratch. Think personality-based assessments, seamless UI, and zero candidate guesswork.
Artificial Intelligence
Web Design
SaaS
Transforming UX & conversion for AI dubbing
See how Groto redesigned Camb.ai AI dubbing platform—real-time, 140+ languages, user-friendly UI, and higher engagement for global content creators
Artificial Intelligence
Web Design
SaaS
Transforming UX & conversion for AI dubbing
See how Groto redesigned Camb.ai AI dubbing platform—real-time, 140+ languages, user-friendly UI, and higher engagement for global content creators
Next Case Studies
Artificial Intelligence
Web Design
SaaS
Designing an AI-Driven Hiring Experience
If you thought you couldn’t get smart hiring and smooth UX in one app - think again. Groto built Pathways’ AI-powered B2B hiring platform from scratch. Think personality-based assessments, seamless UI, and zero candidate guesswork.
Artificial Intelligence
Web Design
SaaS
Transforming UX & conversion for AI dubbing
See how Groto redesigned Camb.ai AI dubbing platform—real-time, 140+ languages, user-friendly UI, and higher engagement for global content creators
