Кейс · Ритейл и торговые сети

Веб-сервис «Твой мультик»: персональные мультфильмы по фото ребёнка

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

Сайты и порталы
Главная «Сюжеты»: каталог сказок с фильтрами по возрасту и стилю

Коротко о проекте

Коротко о проекте

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

Описание проекта

Как устроено решение

«Твой мультик» — веб-сервис, где ребёнок становится героем собственного мультфильма: родитель загружает фотографию, выбирает стиль и сказку, а сервер собирает ролик и присылает его на электронную почту. Тёмный интерфейс с ночной подсветкой и иллюстрациями засыпающих детей рассчитан на вечернее чтение с телефона или планшета. Вся работа сведена в один путь из четырёх шагов, а стоимость генерации видна до оплаты. Готовые ролики сохраняются в личном кабинете.

Главная страница «Сюжеты» — витрина сказок: заголовок «Выберите сказку для создания мультфильма», кнопка «Создать мультфильм» и карточки сюжетов с фильтрами по возрасту и стилю; на карточке теги «3D Pixar», «Аниме», «3–7 лет», «2 мин» и цена 100 ₽. Верхнее меню ведёт в «Как это работает», «Примеры генераций», «Тарифы» и «Вопросы». Мастер создания идёт по шагам: «Данные о ребёнке» (имя для озвучки, пол, возраст от 3 до 10), «Загрузка фото» с рекомендациями к снимку, «Стиль и сюжет» и «Оплата».

Шаг «Стиль и сюжет» предлагает два стиля: «3D Pixar» — объёмные персонажи с выразительными глазами и мягким светом, «Реализм» — фотореалистичные герои с естественной кожей и текстурой тканей. Последний экран показывает имя, пол, возраст, фото, стиль и сюжет и считает итог: стоимость генерации, баланс и сколько не хватает, рядом кнопка «Пополнить баланс». Вход открывается окном «С возвращением» со вкладкой регистрации и восстановлением пароля, а личный кабинет хранит профиль, баланс и историю генераций с датами.

Что сделали

Как устроен сервис

Пользователь загружает материалы и сценарий в личном кабинете, сервер собирает ролик в фоне, а готовое видео появляется в библиотеке историй.

Личный кабинет

  • Загрузка исходных материалов и сценария
  • Экран генерации ролика и библиотека готовых историй
  • Регистрация, вход и восстановление пароля
  • Раздел вопросов и ответов для пользователей

Как устроен сервис и оплата

  • Конвейер генерации с очередью задач и отслеживанием хода обработки
  • Внутренний счёт — пополнение и списание за генерации

К проекту написана отдельная документация по устройству сервиса и оформлению текстов.

Что ещё в решении

  • Витрина сюжетов с фильтрами по возрасту и стилю анимации
  • Карточки сказок с тегами стиля, возраста и длительности ролика
  • Мастер из четырёх шагов: данные, фото, стиль и сюжет, оплата
  • Возраст героя от 3 до 10 лет, имя ребёнка для озвучки
  • Загрузка фото перетаскиванием с рекомендациями к снимку
  • Два стиля анимации: «3D Pixar» и «Реализм»
  • Экран проверки заказа со стоимостью, балансом и суммой, которой не хватает
  • Окно входа и регистрации с переключением вкладок
  • Восстановление пароля по адресу электронной почты
  • Окно пополнения счёта с вводом суммы
  • Личный кабинет с историей генераций по датам
  • Раздел «Часто задаваемые вопросы» с поиском и кнопкой «Задать свой вопрос»
  • Ссылки на публичную оферту и политику конфиденциальности в подвале

Как выглядит интерфейс

Экраны решения

Главная «Сюжеты»: каталог сказок с фильтрами по возрасту и стилю
Шаг 1 — данные о ребёнке: имя для озвучки, пол, возраст 3–10
Шаг 2 — загрузка фото ребёнка в полный рост и рекомендации к снимку
Шаг 3 — выбор стиля анимации «3D Pixar» или «Реализм» и сюжета
Шаг 4 — проверка заказа: данные, фото, стиль, сюжет и итоговая стоимость
Раздел вопросов с поиском и раскрывающимися ответами о создании мультфильма
Окно входа «С возвращением» с переходом к восстановлению пароля
Восстановление пароля: запрос письма по адресу электронной почты
Личный кабинет: профиль, баланс с кнопкой пополнения и история генераций
Окно пополнения счёта: ввод суммы и подтверждение
Окно «Создать аккаунт»: имя, почта и повторный ввод пароля

Вопросы и ответы

Частые вопросы о проекте

Что делает веб-сервис генерации мультфильмов?

Собирает персонализированный мультфильм по материалам, которые загрузил пользователь. В личном кабинете есть загрузка материалов и сценария, экран сборки ролика и библиотека готовых историй, а вся обработка идёт на сервере.

Как пользователь понимает, что ролик готовится?

Через экран генерации и отслеживание хода обработки: задачи ставятся в серверную очередь, и пользователь видит стадию, а не пустое ожидание. Готовые ролики складываются в библиотеку историй.

Почему генерация вынесена в очередь на сервере?

Сборка мультфильма — тяжёлая операция, её нельзя выполнять в браузере пользователя. Конвейер принимает задачи в очередь и обрабатывает их по мере освобождения ресурсов, поэтому одновременные запросы не роняют сервис.

Как устроена оплата генераций?

Через внутренний счёт: пользователь пополняет баланс, а за каждую генерацию списывается плата. Расчёт привязан к аккаунту в личном кабинете, история пополнений и списаний ведётся там же.

Что ещё есть в личном кабинете?

Регистрация, вход и восстановление пароля, загрузка исходных материалов и сценария, библиотека готовых историй и раздел вопросов и ответов — базовые сценарии пользователя закрыты без обращения в поддержку.

Насколько проект документирован?

Для сервиса написаны отдельные документы — по его устройству и по оформлению текстов. Первый нужен для дальнейшего развития сервиса, второй держит единый стиль текстов при добавлении новых экранов.

Как создать персональный мультфильм по фото ребёнка в «Твоём мультике»?

Нужно пройти четыре шага: указать имя, пол и возраст ребёнка, загрузить его фото в полный рост, выбрать стиль анимации и сюжет и оплатить генерацию с внутреннего баланса. Готовый ролик приходит на электронную почту, как только сборка завершится.

Какие стили анимации есть в сервисе?

На шаге выбора стиля доступны «3D Pixar» с объёмными персонажами и мягким светом и «Реализм» с фотореалистичными героями. На карточках сюжетов в каталоге встречается и тег «Аниме». Стиль определяет, как будет выглядеть ребёнок в кадре.

Сколько стоит одна генерация и как пополнить счёт?

На экране оформления заказа стоимость генерации — 100 ₽, такая же цена стоит на карточках сюжетов рядом с кнопкой «Выбрать». Если на балансе не хватает денег, экран показывает недостающую сумму, а кнопка «Пополнить баланс» открывает окно с вводом суммы.

Для детей какого возраста подходят мультфильмы?

В форме можно указать возраст от 3 до 10 лет, а на карточках сюжетов стоят пометки вроде «3–7 лет» и длительность ролика — «2 мин». Возраст влияет на озвучку и внешний вид героя, поэтому его вводят на первом шаге.

Какие вопросы разобраны в разделе «Вопросы»?

Там собраны ответы о времени создания мультфильма, подходящих фотографиях, формате ролика, безопасности фото ребёнка, возрасте, числе фотографий, стилях, регистрации, хранении, промокодах и подарочных сертификатах, скачивании и действиях при неудачной генерации. Есть поиск по вопросам.

Сайты и порталы — обсудим ваш проект?

Расскажите про объект и задачу — предложим состав решения и покажем похожие внедрения.

+7 951 192-94-02Телефон для заявок
info@itlabs.topПочта для заявок
@itlabs_saleТелеграм отдела продаж
Собственная разработка · Внедрение под ключ · Поддержка