Ко всем проектам
О проекте
ShowChinese — образовательная платформа для изучения китайского языка через фильмы с кликабельными субтитрами. Платформа была разработана для заказчика, имеющего значительный опыт в преподавании китайского языка. Основная цель проекта — расширение клиентской базы за счет снижения стоимости привлечения новых пользователей.
Посмотреть реализованный проектЗадача проекта
Необходимо было создать удобную образовательную платформу, позволяющую пользователям эффективно изучать китайский язык. Одной из ключевых функций стало внедрение кликабельных субтитров с автоматическим переводом. Важными аспектами разработки также стали удобная администраторская панель, интеграция с платежными системами и SEO-оптимизация для привлечения органического трафика.
Требования
Интуитивно понятный интерфейс для пользователей- Гибкая тарификация с возможностью изменения стоимости подписки
- Синхронизация с платежными системами
- Высокий уровень SEO-оптимизации для органического притока клиентов на платформу
- Продвинутая панель администрирования
Frontend
Next JS
Backend
Nest.js
UX/UI design
Figma
Админ-панель:
Strapi
API:
Google Translate API
Яндекс Переводчик
Этапы работ
Исследование и проектирование
На первом этапе мы детально изучили потребности заказчика и существующие аналоги платформ для изучения языков. Было выбрано API для автоматического перевода, разработан алгоритм сегментации фраз и предложены языки разработки.
В процессе проектирования мы определили бизнес-логику проекта, а также разработали карту экранов платформы.
Разработка бэкэнда
Основная задача бэкенда заключалась в обеспечении корректной обработки субтитров и перевода. Мы интегрировали Google Translate API для перевода на фронтенде и Яндекс Переводчик в бэкенд Strapi для перевода файлов из формата .srt в .json. Это позволило автоматически загружать фильмы и обрабатывать субтитры без участия администратора
Разработка фронтенда
В рамках работы над клиентской частью был создан собственный видеоплеер с возможностью переключения субтитров (русский, английский, китайский). Также реализован удобный интерфейс для администрирования контента через Strapi, что позволяет заказчику самостоятельно изменять текстовые и графические блоки сайта.
Создание интерактивного словаря
Для углубленного изучения китайского языка мы разработали раздел словаря. Пользователь может добавлять слова в словарь прямо из субтитров фильма. В карточке слова отображается пиньинь (транскрипция), перевод на русский язык и возможность прослушивания произношения. В дальнейшем пользователи могут тренироваться, проверяя свою способность правильно интерпретировать иероглифы.
Деплой и оптимизация
На финальном этапе была проведена SEO-оптимизация платформы, обеспечена корректная работа платежных систем и протестирована нагрузка сервиса. Мы также подготовили обучающие материалы для заказчика и предоставили техническую поддержку.
Результат
В результате заказчик получил полностью функциональную образовательную платформу, которая была завершена на две недели раньше срока. Система успешно справляется с задачами автоматического перевода субтитров, а также позволяет пользователям формировать персональные словари для более продуктивного обучения. Платформа уже начала приносить прибыль, а органический трафик благодаря SEO-оптимизации продолжает расти.