UI/UX Designer
Figma
48 Hours
Google Classroom is one of the most popular education platform by Google. I want to challenge my self to redesign their landing page.
The first thing I found that Google Classroom don't have dedicated landing page. It placed inside the Google workspace for education website. The other thing is it Google has vary design style across their services like Gemini, Google workspace, Google meet, etc. Most of them using Flat Design and Material 2 design even thought they have announce Material 3 or Material You in 2021.
To begin with I must set the goal to define the scope, lets presume that the goal is to get high conversion rate of free registrant. Since Google has announce Material You, let’s bring it on.
Goal: Improve Landing page and adapting Material You characteristic.
| Google Classroom | Moodle | Canvas LMS | Powerschool | |
|---|---|---|---|---|
| Value proposition | Simplify classroom communication and management for educators | Open-source, Highly customizable, Powerful for course creation and management, Flexibility | Create a powerful, flexible online learning environment for educators, students, and institutions. | Provide a comprehensive student information system (SIS) for schools to manage grades, attendance, and communication. |
| Unique selling point | Free, easy-to-use, integrates with other Google products. | Complete control over data, Active community and extensive plugin ecosystem | Highly customizable, feature-rich, robust communication tools. | Robust grade management, reporting, and data analysis capabilities. |
| Visual | Clean, minimalist design with focus on functionality. | Clean layout, slightly outdated, Limited interaction, didn’t leverage the message | More varied design elements, with options for customization. | Typically a more traditional design, with focus on information presentation |
| Message | Streamline communication and workflow for teachers. | The message might not be as targeted towards specific user groups | Empower educators to create engaging and effective online learning experiences. | Manage all aspects of student information and school data efficiently. |
| Other | G Suite integration, mobile app availability, limited storage (1GB per user). | have a short enough page to tell their Value Proposition and Unique Selling Point | Advanced analytics, badging system, course creation tools, paid plans with increased storage and features.pen_spark | Gradebook tools, progress reports, standardized test integrations, robust security features, paid plans with additional functionalities. |
Google Classroom
Free and integrated with Google ecosystem app
Hero section is optimized
Too many features for each benefits
Unclear plans features
Only show 3 main benefits
Interactive section
Showing 3rd party and google ecosystem integration
Weak CTA
Moddle
Open-source (Free), large comunity, and extensive plugin ecosystem
Weak Hero statement and visual
Having achievement in Hero section
Broader target audience
Too many news and events
Feature roadmap
No CTA
Canva LMS