Wird App is a non-profit educational platform designed to empower teachers and engage students through personalized contests. Our mission is to enhance the learning experience by fostering a competitive yet collaborative environment. Teachers can effortlessly create, manage, and monitor contests via the web-based Admin Panel, while students participate and track their progress through the mobile app. With 1,426 registered members and nearly 100 contests created, Wird is making a significant impact across 17 countries, promoting educational and personal growth, especially during Ramadan.
Wird UX Case Study
Context
Overview
My Role
- Site Architecture
- User Flow
- Visual Design
- Motion Exploration
Platform
- Web App
- Mobile App
Year
- 2022
Challenges
Despite its potential, Wird faced several challenges in its initial design. Teachers needed an intuitive and efficient way to create and manage contests, while students required a seamless and engaging user experience to track their performance. Additionally, the platform needed to cater to a diverse user base across various countries, each with unique educational standards and requirements. Ensuring ease of use, accessibility, and motivation for both teachers and students was critical to Wird’s success.
Solutions
To address these challenges, we redesigned Wird with a user-centered approach. The Admin Panel was revamped to provide a straightforward, efficient interface for teachers to customize contests, monitor student progress, and manage group activities. We introduced visual aids such as diagrams and tables to simplify data interpretation. For students, the mobile app was enhanced to offer an engaging, intuitive experience with easy performance tracking and competitive features. These improvements not only made the platform more accessible and user-friendly but also significantly boosted engagement and performance among participants.
1. Intuitive Admin Dashboard
We redesigned the Admin Panel to be more user-friendly and intuitive. Teachers can now easily create, customize, and manage contests with minimal effort. Visual aids like charts and tables provide clear insights into student performance, making data monitoring straightforward and efficient.
Decrease in time spent on contest setup.
Increase in teacher satisfaction and productivity.
2. Enhanced Student Application Experience
The student mobile app was overhauled to offer a more engaging and user-friendly experience. Features like easy performance tracking, daily activity recording, and competitive elements were enhanced to keep students motivated and involved.
Decrease in user drop-off rates.
Increase in student engagement and daily activity submissions.
3. Robust Performance Analytics
We introduced comprehensive performance analytics for both teachers and students. Teachers can monitor individual and group achievements through detailed reports, while students can track their progress via engaging graphs and charts.
Decrease in uncertainties regarding student progress.
Increase in actionable insights for teachers.
4. Gamification Elements
To boost engagement, we incorporated gamification elements such as badges, leaderboards, and rewards. These features make the learning process more fun and motivating for students, encouraging continuous participation.
Decrease in contest abandonment rates.
Increase in student motivation and contest participation.
The Process
1. Research
2. Ideate
3. Design
4. Prototype
1. Research
In the research phase, we conducted extensive user interviews and surveys with teachers and students to understand their needs and pain points. We also analyzed user behavior data from the existing platform to identify key areas for improvement. This comprehensive approach ensured that our redesign would address real user challenges and enhance the overall user experience.
2. Ideate
During the ideation phase, we brainstormed various solutions based on our research findings. We generated multiple concepts for improving the Admin Panel and student app, focusing on usability, engagement, and accessibility. Collaborative workshops with stakeholders helped us refine these ideas and prioritize features that would have the most significant impact.
3. Design
The design phase involved creating high-fidelity mockups that brought our wireframes to life. We focused on a clean, modern aesthetic that aligned with Wird’s educational purpose. Consistent visual elements, intuitive navigation, and engaging graphics were incorporated to enhance the user experience for both teachers and students.
4. Prototype
In the prototyping phase, we developed interactive prototypes of the redesigned Admin Panel and student app. These prototypes allowed us to conduct usability testing and gather valuable feedback from users. Iterative testing and refinement ensured that the final design was both functional and delightful to use.
Summary
The redesign of Wird App was a comprehensive project that focused on improving usability and engagement for teachers and students alike. By leveraging user research, ideation, wireframing, design, and prototyping, we created a platform that is intuitive, engaging, and accessible. The successful implementation of our solutions has led to increased satisfaction, participation, and performance across the board, solidifying Wird’s role in enhancing the educational experience.