We created THE MOST MODERN online yachting school: 3D tours of yachts and virtual yachts, online broadcasts, student ranks, ratings, video lessons, student and instructor accounts, mobile applications, online payment, simple online support - and all of this in a modern and lightweight design with pleasant animations and dynamics. And this is only the first version, which in a few years will be unrecognizable! And on the administration side: a system with behavior monitoring, media and text content management, a course and lesson builder, real-time statistics, and much more!
Оглавление
- EdTech platform for yachting: learning, 3D, user roles, payments, and a strong admin panel
- Client review of 4 projects
- Public part of the platform: course selection, navigation, and strong product presentation
- Student account: modules, lessons, videos, and testing
- Immersive part of the project: a virtual yacht right on the website
- Admin panel: project management without a programmer
- Instructor account: progress control, checking, and feedback
- Analytics, mobile application, security, and speed
- What came out of it
EdTech platform for yachting: learning, 3D, user roles, payments, and a strong admin panel
In front of you is not just a website with courses, but a full-fledged LMS platform (learning management system, that is, the digital brain of the project), where content, learning, user roles, analytics, online payment, and even 3D space work as a single mechanism =)
The project turned out to be at the intersection of EdTech, visual promo, personal accounts, and internal automation. In essence, we assembled an entire digital marina: the user lands on a beautiful landing page, chooses a course, pays for training, goes through lessons, passes tests, communicates with the instructor, while the client's team manages all of this without manual chaos and without programming.
If this approach is close to you — when a product is first designed as a system and only then turns into code — you can view our company landing page: there are reviews, a description of work principles, design stages, and the option to submit a request for a free consultation.
Client review of 4 projects
During our cooperation, we helped the client implement several related solutions at once. Below is a video review where the client talks about the results across four projects. This is a good moment to understand the main point: we did not assemble a beautiful cover, but built a stable digital ecosystem.
Public part of the platform: course selection, navigation, and strong product presentation
In the public part, we made a clear selection of online and offline courses through an interactive calendar. This is convenient for the user and useful for the business: the person immediately sees the format, dates, training structure, and makes a decision faster.
We separately worked through navigation and visual presentation. When a project has a lot of content, a bad interface turns learning into a swamp. A good one, on the contrary, guides the user like a navigator: without unnecessary anxiety, but precisely toward the goal.
Separate landing pages were created for different areas of training. This is important for both marketing and SEO: each program gets its own entry point, its own meanings, and its own conversion funnel.
Student account: modules, lessons, videos, and testing
Inside the platform, the user gets not just access to lessons, but a structured learning route. We designed the module panel so that the student sees the main functions, progress, and next steps without the feeling that they have been left alone in the middle of a digital ocean.
For each module, we made a separate lesson progress panel with progress visualization. This is already an element of product thinking: a person must feel movement forward, otherwise even a good course starts to get psychologically bogged down.
Video lessons are built into the overall mechanics of the platform, rather than living separately from the rest of the product. This makes it possible to properly connect content, completion statuses, tests, and feedback.
After each module, the student takes a test. But this is not a dry formality, it is part of the learning loop: with checking, comments, and feedback from the instructor. That is, the platform does not just show content, but actually helps teach.
We also implemented a user account with an avatar, rank, and statuses. Such gamification elements (when learning feels like movement and achievement rather than a boring PDF archive) noticeably increase engagement.
Immersive part of the project: a virtual yacht right on the website
One of the most interesting parts was the virtual yacht, which you can walk around directly on the website. This is no longer a set of static pictures, but an interactive space where the user can look around, move, and study the environment almost like in a 3D game.
For educational and premium niches, such interactive elements work especially well: they do not just decorate the page, but strengthen trust, engagement, and the feeling of product quality.
Admin panel: project management without a programmer
For the client's team, we made a multifunctional admin panel with a builder-based approach. Simply put, the system can be managed without knowing code: assemble the necessary entities, fill content, manage courses, scenarios, and the logic of the project's work.
These are exactly the kinds of solutions that turn a beautiful product into a working business tool. If you are interested in similar stories about internal systems and builders, see the cases FORMA BPM and platFORMA — there you can clearly see how we build the architecture of complex administrative workflows.
Reliable online payment through trusted payment providers was implemented separately. For commercial EdTech, this is not an additional option, but a critical artery of the entire system: if payments work badly, the entire rest of the interface will no longer save anyone.
Instructor account: progress control, checking, and feedback
We thought through not only the student's side, but also the instructor's workplace. In their account, they can see students' progress, results, messages, and points where live feedback is needed. This reduces chaos in communication and makes learning manageable.
The instructor can check the results of lesson completion for a specific student in detail, rather than looking at anonymized statistics. This is closer to professional training, where it is important to see not only numbers, but also context.
We also implemented the ability to comment on test results. These comments are displayed in the student's account, so feedback does not get lost in messengers and does not turn into oral legends of maritime folklore =)
And if a student has truly earned a promotion, the instructor can view answers by topic and change their rank inside the system. This is a good example of how engagement mechanics connect with the real learning process.
Additionally, we made a panel for processing questions from students and accepting reviews. This closes the communication cycle inside one platform, without spreading across external channels.
Analytics, mobile application, security, and speed
For a business, it is important not only to teach beautifully, but also to understand what is really happening inside the product. Therefore, we implemented analytics of student and website visitor behavior: from interest in pages to completion of learning stages.
The project also received a mobile application and a high level of data protection: encryption of communication with the application, careful handling of access rights, and secure information transfer. For educational products where there are personal accounts, payments, and user progress, this is no longer a luxury, but mandatory engineering hygiene.
Special attention was paid to performance. Automated media file optimization, compression, and adaptive image cropping help keep the project in the green zone for speed. And speed is not only about convenience, but also about promotion, advertising, and the cost of user acquisition.
What came out of it
In this case, we assembled not just a website for courses, but a complex educational platform: with marketing pages, LMS logic, personal accounts, instructor accounts, testing, analytics, a mobile application, payments, 3D interactive elements, and a manageable admin panel.
If you are interested in similar areas, also see the cases Yacht Tours, Yacht Booking and educational prototype for drones. These are good examples of how we work at the intersection of learning, interfaces, complex logic, and a commercial model.
And if you need not just a contractor, but a team that helps understand the product, design the architecture, think through roles and scenarios, and release the system in stages — visit systems.ingello.com. There are reviews, a description of the approach to design, work stages, and the option to submit a request for a free consultation.