Supercharge your digital presence with our website design services.

Innovative web app for making physical education classes engaging

Brand
Hey Kanga
Location
Austin, Texas, United States
Client
DrumFIT
Budget
Confidential
Industry
  • Education
Environment
  • Next.js
  • TypeScript
  • AWS
  • NestJS
Release
2023
PROBLEM
Hey Kanga is poised to transform physical education lessons with an innovative web application. It addresses the prevalent issues in traditional curriculums, such as repetitive activities for students and the absence of management and progress tracking tools for teachers. By offering an interactive platform that features compelling activities and robust progress monitoring tools, Hey Kanga intends to capture the attention of students and educators alike.
SOLUTION
In collaboration with the visionary creators behind the concept, we developed the Hey Kanga application. It boasts an array of features, including video content, detailed lesson plans, and tools for tracking progress. It allows teachers to select from various categories and channels, create personalized activity playlists, and monitor student advancement.
VALUE DELIVERED
Featuring a comprehensive library of videos and lesson plans, Hey Kanga enables the introduction of both effective and enjoyable activities for students. Moreover, the application includes functionalities for tracking progress, customizing reports, and managing user profiles, facilitating a more organized and impactful physical education experience.

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

Contact Us

We use cookies to deliver services in accordance with the Privacy Policy. You can specify the conditions for storage or access to cookies in your browser or the configuration of the service.

Just great!Read more