Menu
Get in touch
hello@ronasit.com
UI Theme

EdTech learning platform for the European market

An accessible and compliant digital learning platform designed for both individual learners and organizations across Europe

This project was delivered under NDA; we are unable to disclose the product name or provide a live link.

EdTech
Web development
React Native
Mobile development
GDPR
UI/UX design

Project idea

Our client envisioned launching an EdTech platform built for the unique needs of the European market.

Their goal was to create a centralized destination for online learning and upskilling — combining self-paced video courses, live instructor-led lessons, gamification features, and robust progress tracking.

The platform would serve:

B2C: individual learners, adults, teenagers under parental controls
B2B: corporate training, team onboarding clients

A top priority was meeting the highest standards for privacy GDPR, localization, and seamless payments, all delivered in a modern, reliable user experience.

Key objectives

From the ground up, the platform was designed for accessibility:

Design accessible, easy-to-use interfaces for all user roles
Build a cross-platform, high-performance web and mobile app
Support course enrollment, live sessions, and certificates
Integrate gamification with points, badges, leaderboards, and add reminders
Develop an efficient admin portal for managing content, users, analytics, and localization
Guarantee scalability for 10,000+ monthly active users
Provide seamless registration, payments, and onboarding for individuals and organizations
Meet strict GDPR, age, and accessibility requirements across the EU

UI/UX design

Moodboard

We started with a moodboard emphasizing clean, modern, and welcoming aesthetics. Calming background colors support long study sessions, while bold accents guide key actions — mirroring leading European learning brands.

User flows and structure

User journeys were carefully designed for learners, instructors, company managers, parents, and admins. The interface adapts to both desktop and mobile and supports instant switching between five languages: English, German, French, Spanish, and Italian.

Concept

The dashboard acts as the user’s home base, providing clear access to courses, progress, certificates, and support.

Each role is shown only tools and features relevant to them — such as learners tracking their progress, mentors managing grading, or parents managing consents.

Accessibility by design

From the ground up, the platform was designed for accessibility:

Full keyboard navigation
Screen reader compatibility with labeled elements
Adjustable text sizes, clear focus outlines, high contrast themes
All videos include subtitles and transcripts

UI kit

To maintain long-term consistency and support smooth feature additions for our client’s educational platform, we created a scalable UI kit and icon system.

Platform’s key features

Seamless registration and consent

Users register or sign in via email, Google, Apple, Microsoft, or secure SSO. Onboarding is tailored to EU country requirements, including GDPR consents, dynamic age gates for minors, and parental approval flows. Language and accessibility preferences can be set from the start.

Course discovery and personalized learning

A robust catalog offers filtering by topic, level, and language. The lesson player combines video, quizzes, documents, and assignments. Gamification features — such as achievement badges and streaks — keep learners motivated. Personalized reminders are delivered via email or mobile notifications.

Live instructor-led classes

Live classes and interactive sessions are powered by Twilio, integrated via REST API for seamless video, chat, and whiteboard functionality. Sessions can be recorded or made available for later review, supporting live and on-demand learning.

Engagement and progress tracking

Learners see real-time progress in their dashboard, with visual indicators for active courses and earned certificates. Digital badges recognize milestones, and a points system powers healthy, friendly competition via weekly leaderboards.

Flexible monetization and VAT invoicing

For payments, we use Stripe’s REST API to enable secure transactions, strong customer authentication, and automatic VAT compliance.

Both individuals and companies can manage subscriptions, discount codes, and receive digital VAT invoices.

Admin and content management

A robust catalog offers filtering by topic, level, and language. The lesson player combines video, quizzes, documents, and assignments. Gamification features—such as achievement badges and streaks — keep learners motivated.

Authorized users can access a central admin panel to:

Create and edit courses and quizzes
Manage users, organizations, roles, and licenses
Moderate content and discussions
Monitor analytics and platform KPIs
Oversee localization and translation

Killer feature: Compliance-driven personalization

A dynamic consent management system makes the platform operate within local laws and age constraints — enabling or requiring guardian approval, tailoring privacy flows by country, and maintaining detailed consent audit logs.

Accessibility and localization adapt automatically to user profiles and settings, delivering a frictionless experience for every learner.

decor ball image
decor star image
decor star image
Explore our full range of education technology services

Tech stack

Mobile development

We built the mobile apps with React Native — using Expo and EAS for deployment — providing a consistent user experience on both iOS and Android devices.

Accessibility features such as screen reader compatibility, adjustable text size, and easy navigation are thoughtfully integrated, making the platform usable for everyone. Robust offline capabilities allow users to learn on the go.

Web platform

The web application was developed with React and TypeScript, using server-side rendering to achieve fast speeds and good SEO. We use Redux Toolkit and ahooks to manage state and component logic efficiently.

Accessibility is a priority throughout the web app, following best practices so all users can participate fully. Language switching and localization are implemented using proven i18n solutions.

Backend and infrastructure

Data is managed in PostgreSQL for reliability, with Redis for fast in-memory caching. All services are containerized with Docker and deployed using Terraform. The infrastructure runs in AWS, with media files stored in S3 buckets and distributed via Cloudflare CDN for secure, efficient delivery. CI/CD is automated via GitHub Actions.

Integrations

Twilio for live video and communications
Stripe for secure payments and VAT invoicing
OAuth2/OIDC for user authentication
i18n localization for multi-language interface and regional formatting

Security and compliance

GDPR compliance and accessibility with a11y are implemented by design. We use encrypted backups, and performance/monitoring solutions like Prometheus and Sentry to proactively track and resolve issues.

All analytics are pseudonymized, and detailed DPIA documentation is maintained.

Project specifics

Advanced localization and accessibility

All user-facing content is instantly translatable, with interface language and date/number formatting configurable at any time.

Accessibility settings — text size, contrast, keyboard navigation — are available app-wide, and new content auto-flagged for translation, providing a consistent experience in every supported language.

Results

We launched this easy-to-use online learning platform for our client in just 4 months. The platform runs reliably, maintains over 99.7% crash-free sessions, and holds user ratings above 4.6 stars in stores.

Early data show more users finishing courses and staying active. The solution is live in its first European country, and our client plans to add features like AI tutoring and a course marketplace.

Team

1

Project manager

1

UI/UX designer

1

DevOps engineer

2

Frontend/mobile developers

1

Backend developer

4 months

Time

$80,000 +

Cost
Thanks
for watching!
This site uses cookies to store information on your device. Some are essential, while others help us enhance your experience by providing insights into how our website is used.
Necessary Cookies
Always Active
Enable core functionality like navigation and access to secure areas. the website may not function properly without these and can only be disabled through browser settings.
Analytics Cookies
Help us improve our website by collecting and reporting usage information.
This site uses cookies to store information on your device.