Кейс · Ритейл и торговые сети
Веб-сервис «Твой мультик»: персональные мультфильмы по фото ребёнка
Веб-сервис генерации мультфильмов — проект ITLabs: платформа, которая собирает персонализированный мультфильм по заданным материалам.

Коротко о проекте
Коротко о проекте
Веб-сервис «Твой мультик» — проект ITLabs. Веб-сервис генерации мультфильмов — платформа, которая собирает персонализированный мультфильм по заданным материалам. Есть личный кабинет, очередь обработки на сервере, выгрузка готового видео и внутренний счёт для оплаты генераций. Верстаем адаптивно, контент заказчик ведёт сам через админ-панель.
Описание проекта
Как устроено решение
«Твой мультик» — веб-сервис, где ребёнок становится героем собственного мультфильма: родитель загружает фотографию, выбирает стиль и сказку, а сервер собирает ролик и присылает его на электронную почту. Тёмный интерфейс с ночной подсветкой и иллюстрациями засыпающих детей рассчитан на вечернее чтение с телефона или планшета. Вся работа сведена в один путь из четырёх шагов, а стоимость генерации видна до оплаты. Готовые ролики сохраняются в личном кабинете.
Главная страница «Сюжеты» — витрина сказок: заголовок «Выберите сказку для создания мультфильма», кнопка «Создать мультфильм» и карточки сюжетов с фильтрами по возрасту и стилю; на карточке теги «3D Pixar», «Аниме», «3–7 лет», «2 мин» и цена 100 ₽. Верхнее меню ведёт в «Как это работает», «Примеры генераций», «Тарифы» и «Вопросы». Мастер создания идёт по шагам: «Данные о ребёнке» (имя для озвучки, пол, возраст от 3 до 10), «Загрузка фото» с рекомендациями к снимку, «Стиль и сюжет» и «Оплата».
Шаг «Стиль и сюжет» предлагает два стиля: «3D Pixar» — объёмные персонажи с выразительными глазами и мягким светом, «Реализм» — фотореалистичные герои с естественной кожей и текстурой тканей. Последний экран показывает имя, пол, возраст, фото, стиль и сюжет и считает итог: стоимость генерации, баланс и сколько не хватает, рядом кнопка «Пополнить баланс». Вход открывается окном «С возвращением» со вкладкой регистрации и восстановлением пароля, а личный кабинет хранит профиль, баланс и историю генераций с датами.
Что сделали
Как устроен сервис
Пользователь загружает материалы и сценарий в личном кабинете, сервер собирает ролик в фоне, а готовое видео появляется в библиотеке историй.
Личный кабинет
- Загрузка исходных материалов и сценария
- Экран генерации ролика и библиотека готовых историй
- Регистрация, вход и восстановление пароля
- Раздел вопросов и ответов для пользователей
Как устроен сервис и оплата
- Конвейер генерации с очередью задач и отслеживанием хода обработки
- Внутренний счёт — пополнение и списание за генерации
К проекту написана отдельная документация по устройству сервиса и оформлению текстов.
Что ещё в решении
- Витрина сюжетов с фильтрами по возрасту и стилю анимации
- Карточки сказок с тегами стиля, возраста и длительности ролика
- Мастер из четырёх шагов: данные, фото, стиль и сюжет, оплата
- Возраст героя от 3 до 10 лет, имя ребёнка для озвучки
- Загрузка фото перетаскиванием с рекомендациями к снимку
- Два стиля анимации: «3D Pixar» и «Реализм»
- Экран проверки заказа со стоимостью, балансом и суммой, которой не хватает
- Окно входа и регистрации с переключением вкладок
- Восстановление пароля по адресу электронной почты
- Окно пополнения счёта с вводом суммы
- Личный кабинет с историей генераций по датам
- Раздел «Часто задаваемые вопросы» с поиском и кнопкой «Задать свой вопрос»
- Ссылки на публичную оферту и политику конфиденциальности в подвале
Как выглядит интерфейс
Экраны решения
Вопросы и ответы
Частые вопросы о проекте
Что делает веб-сервис генерации мультфильмов?
Собирает персонализированный мультфильм по материалам, которые загрузил пользователь. В личном кабинете есть загрузка материалов и сценария, экран сборки ролика и библиотека готовых историй, а вся обработка идёт на сервере.
Как пользователь понимает, что ролик готовится?
Через экран генерации и отслеживание хода обработки: задачи ставятся в серверную очередь, и пользователь видит стадию, а не пустое ожидание. Готовые ролики складываются в библиотеку историй.
Почему генерация вынесена в очередь на сервере?
Сборка мультфильма — тяжёлая операция, её нельзя выполнять в браузере пользователя. Конвейер принимает задачи в очередь и обрабатывает их по мере освобождения ресурсов, поэтому одновременные запросы не роняют сервис.
Как устроена оплата генераций?
Через внутренний счёт: пользователь пополняет баланс, а за каждую генерацию списывается плата. Расчёт привязан к аккаунту в личном кабинете, история пополнений и списаний ведётся там же.
Что ещё есть в личном кабинете?
Регистрация, вход и восстановление пароля, загрузка исходных материалов и сценария, библиотека готовых историй и раздел вопросов и ответов — базовые сценарии пользователя закрыты без обращения в поддержку.
Насколько проект документирован?
Для сервиса написаны отдельные документы — по его устройству и по оформлению текстов. Первый нужен для дальнейшего развития сервиса, второй держит единый стиль текстов при добавлении новых экранов.
Как создать персональный мультфильм по фото ребёнка в «Твоём мультике»?
Нужно пройти четыре шага: указать имя, пол и возраст ребёнка, загрузить его фото в полный рост, выбрать стиль анимации и сюжет и оплатить генерацию с внутреннего баланса. Готовый ролик приходит на электронную почту, как только сборка завершится.
Какие стили анимации есть в сервисе?
На шаге выбора стиля доступны «3D Pixar» с объёмными персонажами и мягким светом и «Реализм» с фотореалистичными героями. На карточках сюжетов в каталоге встречается и тег «Аниме». Стиль определяет, как будет выглядеть ребёнок в кадре.
Сколько стоит одна генерация и как пополнить счёт?
На экране оформления заказа стоимость генерации — 100 ₽, такая же цена стоит на карточках сюжетов рядом с кнопкой «Выбрать». Если на балансе не хватает денег, экран показывает недостающую сумму, а кнопка «Пополнить баланс» открывает окно с вводом суммы.
Для детей какого возраста подходят мультфильмы?
В форме можно указать возраст от 3 до 10 лет, а на карточках сюжетов стоят пометки вроде «3–7 лет» и длительность ролика — «2 мин». Возраст влияет на озвучку и внешний вид героя, поэтому его вводят на первом шаге.
Какие вопросы разобраны в разделе «Вопросы»?
Там собраны ответы о времени создания мультфильма, подходящих фотографиях, формате ролика, безопасности фото ребёнка, возрасте, числе фотографий, стилях, регистрации, хранении, промокодах и подарочных сертификатах, скачивании и действиях при неудачной генерации. Есть поиск по вопросам.
Похожие проекты
Смотрите также
Ритейл и торговые сети · Бат-ЯмСвечи ручной работы, Бат-Ям: лендинг на русском, иврите и английскомЛендинг производителя свечей — проект ITLabs: сайт на трёх языках. Русская, английская и ивритская версии с переключателем и адаптацией вёрстки под…Смотреть кейс
Ритейл и торговые сетиMikki Swim: интернет-магазин купальников с личными кабинетамиИнтернет-магазин купальников Mikki Swim: каталог товаров, личные кабинеты покупателей, отдельные кабинеты тренеров с программой скидок и бонусов,…Смотреть кейс
Ритейл и торговые сетиМаркетплейс БПЛА: интернет-магазин беспилотников с нуляМаркетплейс БПЛА — проект ITLabs: интернет-магазин беспилотных летательных аппаратов и комплектующих, разработанный с нуля. Каталог, личный кабинет…Смотреть кейс Продукты и направление из этого проекта
Сайты и порталы — обсудим ваш проект?
Расскажите про объект и задачу — предложим состав решения и покажем похожие внедрения.