Menu
Get in touch
hello@ronasit.com
UI Theme

Mobile-first educational web platform for Europe

Educational web app for online courses that supports B2B sales

This project was developed under NDA, so all brand and product names have been anonymized.

Edtech
August 2025–Ongoing
Mobile-first design

Client

Our client is a European business owner in the education sector. Their company creates and sells educational courses and wanted a platform to distribute the courses more effectively.

Project idea

The client requested us to design and develop a web platform to sell and deliver courses to individuals and companies through subscriptions and B2B sales. The platform should include interactive lessons, tests, gamified progress, certificates, and administrative tools. It also should be easily accessible from mobile devices.

Key project objectives

Increase course completion and user retention by simplifying learning processes
Increase the client’s income through subscriptions, single course sales, and B2B deals.
Offer an all-in-one system with courses, quizzes, progress tracking, and certificates.
Support different types of users: students, teachers, business clients
Launch the platform quickly — 12-14 weeks
Meet strict European rules for privacy, security, and accessibility.

Services we provided

To deliver such a platform, we needed to provide several services:

Service icon

Help the client choose the key features for the first release

Service icon

Design the interface for all user roles using mobile-first approach

Service icon

Develop the web application

Service icon

Ensure code quality, performance, and compliance from day one

UI/UX design

We carefully mapped out user flows for each role — students, teachers, admins, and organization managers — to make sure every task is easy and clear.
Our team created detailed wireframes to show all key screens and interactions before moving to design. For the visual style, we chose clean, readable fonts and a color palette with high contrast to ensure accessibility for all users.

Mobile-first approach

We used a mobile-first approach to make sure the platform works smoothly on smartphones and tablets, since many users prefer learning on mobile devices.

By designing for smaller screens first, we focused on simple navigation and essential features, then expanded the layout for larger displays.

Registration and onboarding

Users sign up or log in quickly using email, password, or social accounts, with easy onboarding and parental consent required for minors.

Profiles

Each user creates a profile, sets learning goals, and chooses interests to personalize their experience.

Course catalog

Learners browse and search for courses using categories, filters, and tags, and can save favorites to view later.

Course previews

Each course offers a clear summary and preview so users know what they'll learn before enrolling.

Lessons

Users can watch video lessons, read supporting materials, complete quizzes, and upload assignments. All tracked with automatic progress saving and checkpoints.

Quizzes

Courses include quizzes with various question types, randomization, and instant feedback, letting users test skills and see their results.

Progress tracking

Users see their learning progress at every step and earn certificates or reach checkpoints as they finish lessons.

Videos

Learners can speed up or slow down video lessons, view them in a floating window while multitasking, and turn on subtitles.

Gamification

The platform rewards users with streaks, points, badges, and sends reminders and progress updates to keep them engaged.

Organizations tools

Organizations manage groups, assign courses, track progress, import users, and use Single Sign-On for easy access.

Certificates

After finishing a course, users receive digital certificates, with an option for verifiable digital signatures.

Admin tools

Admins manage all courses, lessons, quizzes, moderate content, handle localization, and see platform analytics in one place.

UI kit

We created a UI kit by collecting reusable components, colors, icons, and typography styles to keep the design clear and consistent across the platform. This toolkit will help our client build new screens faster and add new features.

Development

We used Next.js for a fast, SEO-friendly frontend. For the backend, we selected Laravel with PostgreSQL to handle business logic and store all user, course, and progress data securely.
We also set up a modular admin panel with built-in localization and content management, making it easy for clients to manage courses, users, and analytics. This tech stack supports future scaling, ensures strong security, and lets us deliver new features quickly.

Security and compliance

We implemented strong encryption for all data in transit and at rest, used industry-standard authentication protocols, and set up strict role-based access controls for every user type.

Our team regularly ran automated security checks, dependency scans, and vulnerability tests, while audit logs and backup systems helped protect user data against loss or unauthorized access.

We designed the platform to fully comply with European regulations, such as GDPR for privacy and WCAG 2.2 AA for accessibility.

We built clear consent management and parental approval flows, enabled data exports and deletions, and chose only trusted, EU-based providers for hosting and payments. Every process — from user registration to tax invoicing — was reviewed to meet the latest legal and accessibility standards.

Integrations

Stripe

Used for secure payment processing, strong customer authentication (SCA), and EU VAT-compliant invoicing.

Apple Pay and Google Pay

Enabled simple and safe in-app purchases for mobile users.

Mux

Provided reliable video hosting, and optional DRM protection for lesson videos.

Firebase and Postmark

Delivered push notifications and email alerts to keep users informed and engaged.

Google Analytics

Collected analytics on user activity and learning results, with full compliance to privacy rules.

OAuth2

Allowed Single Sign-On (SSO) and simplified user access for organizations and B2B clients.

Sentry

Monitored app performance, errors, and crashes for rapid issue detection and response.

Google Cloud

Hosted all data securely within Europe to meet data residency laws.

Results

We delivered the first version of the platform in about 14 weeks, meeting the client's requirements and timeline for launch. Thanks to our close collaboration and transparent communication, the client was able to quickly go live and start onboarding users.

The client received a secure, user-friendly online learning platform for interactive courses, video lessons, quizzes, and reporting. The system meets strict European standards and gives the client flexible tools to manage users, launch multilingual courses, and track results in one place.

Our partnership didn’t end there — the client continues to work with us to add new features, expand integrations, and support ongoing growth. We remain their trusted technology partner as the platform evolves.

2

Frontend developers

2

Backend developers

Ready MVP in 14 weeks

Timeline

1

DevOps engineer

2

UI/UX designers

1

Project manager

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.