Yamuna Navada
My Work
About
Resume
Groupii
Groupii
Groupii
Transforming remote learning from an isolating solo journey into a connected, peer-powered experience.
Transforming remote learning from an isolating solo journey into a connected, peer-powered experience.
OVERVIEW
Online students often face an invisible barrier: isolation. Without hallway conversations or group study sessions, staying motivated can feel impossible.
Online students often face an invisible barrier: isolation. Without hallway conversations or group study sessions, staying motivated can feel impossible.
Online students often face an invisible barrier: isolation. Without hallway conversations or group study sessions, staying motivated can feel impossible.
Groupii reimagines that experience by creating a digital “campus” where students can find collaborators, share feedback, and track progress — all in one place. Designed with responsiveness and usability at its core, Groupii aims to turn passive online learning into active, peer-powered growth.
Groupii reimagines that experience by creating a digital “campus” where students can find collaborators, share feedback, and track progress — all in one place. Designed with responsiveness and usability at its core, Groupii aims to turn passive online learning into active, peer-powered growth.
Groupii reimagines that experience by creating a digital “campus” where students can find collaborators, share feedback, and track progress — all in one place. Designed with responsiveness and usability at its core, Groupii aims to turn passive online learning into active, peer-powered growth.
ROLE
UI Designer
UI Designer
TIMELINE
Sept 2024 - Feb 2025
Sept 2024 - Feb 2025
PROBLEM
While online learning offers flexibility, it often leaves students feeling disconnected and unmotivated. For institutions, this lack of engagement can lead to lower course completion rates and reduced student satisfaction.
While online learning offers flexibility, it often leaves students feeling disconnected and unmotivated. For institutions, this lack of engagement can lead to lower course completion rates and reduced student satisfaction.
While online learning offers flexibility, it often leaves students feeling disconnected and unmotivated. For institutions, this lack of engagement can lead to lower course completion rates and reduced student satisfaction.
How might we create a digital space that strengthens student connections, boosts peer-to-peer learning, and drives measurable increases in engagement?
How might we create a digital space that strengthens student connections, boosts peer-to-peer learning, and drives measurable increases in engagement?
How might we create a digital space that strengthens student connections, boosts peer-to-peer learning, and drives measurable increases in engagement?
UNDERSTANDING THE USER
Meet Alex Rivers — a determined online student balancing coursework with a part-time job as a retail store manager. Alex is motivated to succeed quickly, build real-world skills, and connect with like-minded peers to stay inspired and on track. His experience represents a growing segment of students who need digital tools that fit into busy, nontraditional schedules.
Meet Alex Rivers — a determined online student balancing coursework with a part-time job as a retail store manager. Alex is motivated to succeed quickly, build real-world skills, and connect with like-minded peers to stay inspired and on track. His experience represents a growing segment of students who need digital tools that fit into busy, nontraditional schedules.
Meet Alex Rivers — a determined online student balancing coursework with a part-time job as a retail store manager. Alex is motivated to succeed quickly, build real-world skills, and connect with like-minded peers to stay inspired and on track. His experience represents a growing segment of students who need digital tools that fit into busy, nontraditional schedules.
WIREFRAMING THE EXPERIENCE
I began with low-fidelity sketches to rapidly explore how each feature could support motivation and reduce drop-off. Getting users to their first meaningful interaction quickly increases stickiness and likelihood of continued engagement.
Each screen was designed to support the student journey — from discovering new connections to staying updated on group activity — with layouts that reduce cognitive load and encourage engagement
I began with low-fidelity sketches to rapidly explore how each feature could support motivation and reduce drop-off. Getting users to their first meaningful interaction quickly increases stickiness and likelihood of continued engagement.
Each screen was designed to support the student journey — from discovering new connections to staying updated on group activity — with layouts that reduce cognitive load and encourage engagement
I began with low-fidelity sketches to rapidly explore how each feature could support motivation and reduce drop-off. Getting users to their first meaningful interaction quickly increases stickiness and likelihood of continued engagement.
Each screen was designed to support the student journey — from discovering new connections to staying updated on group activity — with layouts that reduce cognitive load and encourage engagement
MAPPING USER FLOWS
I focused on designing user flows that align directly with the core needs of students like Alex — connection, feedback, and progress.
Each flow was evaluated against key outcomes — speed to connection, ease of initiating collaboration, and clarity in communication. By aligning interaction design with these outcomes, I aimed to reduce friction and keep focus on actions that drive retention.
I focused on designing user flows that align directly with the core needs of students like Alex — connection, feedback, and progress.
Each flow was evaluated against key outcomes — speed to connection, ease of initiating collaboration, and clarity in communication. By aligning interaction design with these outcomes, I aimed to reduce friction and keep focus on actions that drive retention.
CRAFTING THE VISUAL DIRECTION
To define Groupii’s visual direction, I crafted two moodboards exploring distinct tones: one sleek and professional, and one vibrant and student-friendly. This process helped align the brand’s identity with its purpose — to feel both motivating and trustworthy, while staying welcoming and approachable for college students. Through curated color palettes, typography inspiration, and UI references, I refined a style that balances academic clarity with collaborative energy.
To define Groupii’s visual direction, I crafted two moodboards exploring distinct tones: one sleek and professional, and one vibrant and student-friendly. This process helped align the brand’s identity with its purpose — to feel both motivating and trustworthy, while staying welcoming and approachable for college students. Through curated color palettes, typography inspiration, and UI references, I refined a style that balances academic clarity with collaborative energy.
To define Groupii’s visual direction, I crafted two moodboards exploring distinct tones: one sleek and professional, and one vibrant and student-friendly. This process helped align the brand’s identity with its purpose — to feel both motivating and trustworthy, while staying welcoming and approachable for college students. Through curated color palettes, typography inspiration, and UI references, I refined a style that balances academic clarity with collaborative energy.
VISUAL STYLE GUIDE
To ensure consistency across the product, I created a style guide that outlines the visual foundation of Groupii’s interface. From typography and color to button styles and iconography, this guide reflects the brand’s tone — a balance of clarity, collaboration, and student-friendly energy — and supports a cohesive user experience across all screens.
To ensure consistency across the product, I created a style guide that outlines the visual foundation of Groupii’s interface. From typography and color to button styles and iconography, this guide reflects the brand’s tone — a balance of clarity, collaboration, and student-friendly energy — and supports a cohesive user experience across all screens.
To ensure consistency across the product, I created a style guide that outlines the visual foundation of Groupii’s interface. From typography and color to button styles and iconography, this guide reflects the brand’s tone — a balance of clarity, collaboration, and student-friendly energy — and supports a cohesive user experience across all screens.
REFINING THE DESIGNS
With the core layouts and user journeys validated in low-fidelity wireframes, I transitioned into high-fidelity designs to bring the Groupii experience to life. This stage focused on applying the visual style guide — integrating color, typography, spacing, and iconography — while refining the interface for clarity, usability, and brand alignment.
With the core layouts and user journeys validated in low-fidelity wireframes, I transitioned into high-fidelity designs to bring the Groupii experience to life. This stage focused on applying the visual style guide — integrating color, typography, spacing, and iconography — while refining the interface for clarity, usability, and brand alignment.
Before
Before
Focused on including key functionality and information on the home page
Focused on including key functionality and information on the home page
Wireframe
Visual Design
After
After
Incorporated the brand styles and designing each activity and post card with the right information
Incorporated the brand styles and designing each activity and post card with the right information
Before
Before
Tried to incorporate all actions required to submit a peer review on one screen
Tried to incorporate all actions required to submit a peer review on one screen
Wireframe
Visual Design
After
After
Changed the design such that one action is completed on one screen so as not to overwhelm and confuse the user.
Changed the design such that one action is completed on one screen so as not to overwhelm and confuse the user.
DESIGNING FOR ALL DEVICES
Students access coursework from multiple devices — consistent, accessible design ensures continuity of experience and removes barriers to participation.
As such, Groupii was designed as a responsive web app, with tailored layouts for desktop, tablet, and mobile.
Students access coursework from multiple devices — consistent, accessible design ensures continuity of experience and removes barriers to participation.
As such, Groupii was designed as a responsive web app, with tailored layouts for desktop, tablet, and mobile.
Students access coursework from multiple devices — consistent, accessible design ensures continuity of experience and removes barriers to participation.
As such, Groupii was designed as a responsive web app, with tailored layouts for desktop, tablet, and mobile.
FINAL DESIGNS
The final designs bring together Groupii’s visual identity, user needs, and functional goals into a cohesive interface. Each screen was crafted to support students through collaboration, peer feedback, and task tracking — all with a clean, student-friendly UI that feels both intuitive and engaging.
The final designs bring together Groupii’s visual identity, user needs, and functional goals into a cohesive interface. Each screen was crafted to support students through collaboration, peer feedback, and task tracking — all with a clean, student-friendly UI that feels both intuitive and engaging.
The final designs bring together Groupii’s visual identity, user needs, and functional goals into a cohesive interface. Each screen was crafted to support students through collaboration, peer feedback, and task tracking — all with a clean, student-friendly UI that feels both intuitive and engaging.
View the Prototype
View the Prototype
View the Prototype
Sign Up & Onboarding
Sign Up & Onboarding
Request a Peer Review
Request a Peer Review
Search for Friends
Search for Friends
View Article
View Article
© 2025 Yamuna Navada. All rights reserved.
Let’s collaborate!
No more content...but lots more ideas.
© 2025 Yamuna Navada. All rights reserved.
Let’s collaborate!