Innovative web app for making physical education classes engaging
Brand
Location
Client
Budget
Industry
- Education
Environment
- Next.js
- TypeScript
- AWS
- NestJS
Release
PROBLEM
SOLUTION
VALUE DELIVERED
ABOUT HEY KANGA
Innovating physical education
Hey Kanga aims to transform the typical physical education lesson or activity break with an extensive collection of over one thousand motivational exercise videos. The goal is to transform physical activity for students, providing school-aged children with a range of new and exciting activities. Simultaneously, it aims to furnish teachers, even those with minimal experience, with innovative, easy-to-use tools for management, planning, and reporting.
PROCESS
From discovery to delivery
We followed a structured design process that included several key phases. First, we talked to our client and pinpointed the exact problems that needed to be dealt with. Then, we came up with potential solutions and went on to design the application's interface. Next, our developers made it come to life with efficient code. Last but not least, a quality assurance specialist stepped in to make sure that the application was of top quality.
TIMELINE
Balanced execution
Every phase of our process is assigned a precise duration, overseen by the project manager. We believe that careful planning and scheduling of each phase are crucial for the success of any project.
USER ROLES
Roles made easy
The Hey Kanga project involved working on several features aimed at simplifying administrative tasks, with role-based access control being a prominent example. It assigns user roles and permissions according to user responsibilities or functions, offering a more granular control compared to conventional access methods that typically focus on file or folder permissions. As a result, it enables system administrators to efficiently regulate access across various system parts, significantly minimizing the potential for data breaches and unauthorized entry.
WIREFRAMING
Ensuring user-friendliness
Wireframes play a crucial role in the development of an application's user interface, serving as preliminary sketches of its various components. Through wireframes, our team can verify the design's intuitiveness and user-friendliness, aiming to provide users with a smooth and pleasant experience.
ADMIN PANEL
Oversight and management
The Hey Kanga application's administration panel is a key element of the platform, offering administrators essential tools for system management and performance monitoring. It allows for comprehensive oversight and control of users, schools, roles, reports, and more.
DASHBOARD
Insightful overview
The dashboard panel of Hey Kanga facilitates the management of activities and tracking of progress on the platform. Key functionalities like playlists, personalized lesson plans, favorites, and downloads are easily accessible through clearly marked tiles for straightforward navigation. Moreover, the dashboard includes a leaderboard showcasing schools and individual users, fostering a sense of friendly competition among participants.
CATEGORIES
From yoga to dancing
The categories page simplifies the process of exploring and discovering a wide array of videos focusing on physical activity, mindfulness, and overall well-being. Users can effortlessly browse through each category to find videos that align with their skill levels and personal interests.
VIDEO CONTENT
More choices, more fun
The channels page enables users to integrate videos from external sources into the application, significantly enhancing the variety of physical activity and mindfulness content available. It results in exercise sessions that are more engaging and closely aligned with users' specific interests and preferences.
PLAYLISTS
Creating an exercise routine
Introducing the playlist feature is essential due to its capability to view, add, and categorize videos, significantly enhancing personalization and customization. Users gain the ability to select exactly which videos they wish to watch and organize them according to their individual preferences.
LESSON PLANS
Organized guidance
Pre-made lesson plans allow administrators to provide users with access to tailored, high-quality exercise plans designed to meet students' requirements. These plans are structured into units focusing on specific themes, each accompanied by a concise description for the teacher and a relevant video. Teachers have the capability to monitor their students' advancement through each lesson plan, with the content organized according to different age groups.
SCHOOLS
Insightful tracking
The Hey Kanga application features a dedicated schools page, crafted expressly for school district managers to monitor the progress of both schools and individual users. This page provides detailed usage statistics, such as user count, completed activities, and engagement levels. Moreover, it offers a customization option for the app's appearance tailored to each school, allowing the inclusion of school crests and colors.
REPORTS
Tracking user progress
On the schools page within the Hey Kanga application, users have the capability to produce reports. These reports can be tailored to display particular fields based on the user's needs. They allow school managers to effectively monitor their users' progress and assess the application's success in encouraging physical activity and well-being.
TYPOGRAPHY & COLORS
Sporty tones
The client provided the Hey Kanga branding, which showcases a vibrant palette of navy blue, teal, and orange as its primary colors. To align with the brand's contemporary and playful character, we selected Poppins and Inter as the primary fonts. Poppins, a sans-serif font, is characterized by its rounded and open letterforms, lending a welcoming and friendly atmosphere. Inter, a humanist sans-serif font, displays a nuanced variation in line width, enhancing text legibility.
TEAM
Better together
In our projects, teamwork is paramount, and the Hey Kanga project showcased this principle perfectly. A project requires a vigilant project manager to steer the team, adept designers to maintain the vision, and astute developers to navigate potential pitfalls. It goes without saying, we crossed the finish line on schedule, leaving the stakeholders satisfied.
ARE YOU READY?
Let’s build your next digital product