Главная » Статьи » Разработка мобильного приложения Киноподарки

Разработка мобильного приложения Киноподарки

ЗаказчикСобственная разработкаЗадачаСделать профессиональные инструменты? motion-дизайна доступными любому пользователю по цене и простоте работы

10bfa9a471489e15cec6e0e76c5a6aca.png

У пользователей качественное видео ассоциируется со сложностью съёмки, долгим созданием и высокой ценой. Основная идея приложения «Киноподарки» — сделать доступнее поздравительные и памятные видео профессионального качества. Исходя из основной идеи, мы выделили несколько моментов, на которые обратили особое внимание при создании:

  1. Удобный интерфейс приложения
  2. Интеграция с соц сетями
  3. Понятные видеошаблоны
  4. Доступная цена видео
  5. Быстрый рендеринг

Процесс создания приложения

Процесс создания приложения был реализован в 8 этапов. Постараемся рассказать про основные шаги на этапах.

 1 этап — Продуктовая аналитика

  • Построили продуктовые гипотезы
  • Анализ рынка, расчет unit-экономики и бизнес-моделей
  • Проверили гипотезы, скорректировали работы
  • Реализация MVP
  • Провели «коридорные тесты»
  • Настроили системы аналитики, каналы сбора фидбэков

 2 этап — Проектирование

  • Составили функциональные требования к MVP
  • Составили UX-прототип
  • Отрисовали интерфейс

3 этап — Разработка

Разработали MVP мобильного приложения, back-end, рендер-ферму

4 этап — Тестирование

  • Тестирование (функциональное, нагрузочное)
  • Провели UX-тестирование
  • Провели закрытые beta-тесты

5 этап — Работа с контентом

В рамках даного этапа мы подготовили необходимый контент.

6 этап — Корректировка

Внесли корректировки в MVP

7 этап — Маркетинг, работа с продуктом

  • Провели soft-launch на выбранные сегменты
  • Обработали аналитику и фидбэк
  • Скорректировали сегменты, бизнес-модели
  • Провели тестовые рекламные кампании, вывели на рынок
  • Продолжаем искать точки роста продукта

8 этап — Техническая поддержка

Организовали техническую поддержку

Результат

В результате мы разработали мобильное приложение (на платформе iOS) для создания видеоподарков высокого качества из фотографий. Функции приложения:  

Мультиязычность: приложение работает на русском и английском языках

28 шаблонов видео на выбор по различным тематикам Full HD качества

b266ea43779e28787e8e7415fca8c812.png1a376870081b4404ca80ed579ec9086e.png

Видеошаблоны не больше 1 минуты

Редактирование фотографий

a3c862fba2b4c54e8d03de54603ce014.png

Push-уведомление о готовности видео

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

Предварительный рендеринг — не более 5 минут

6efb4d3da9e7443f803d9045fdd7911e.pngf56381563197c40a304792bb3788c08f.png

Полный рендеринг — не более 30 минут

Стоимость видео — 5–10% от средней стоимости съемки видеоролика

c46df760661448c89e013cce3b45185c.pnga9f6e236d444765c67c3011dc8f27f18.png
Суточная производительность системы — 5000 рендерингов до 1 минуты. Может быть увеличена при необходимости на 2–3 порядка благодаря использованию облака Amazon.

Архитектура приложения

iOS/Android? приложение связывается с облаком? Amazon? для получения информации о доступных шаблонах. Пользователь выбирает понравившийся шаблон и заменяет изображения и текст на необходимые ему. Задание отправляется в облако? Amazon? и проходит валидацию по корректности заполнения оплате.

После скрипт отправляет задание на? Render-ферму. Сервер-менеджер фермы производит валидацию и в зависимости от типа задания (превью/рендер) и текущей нагрузки выбирает сервер для? рендеренга. Сервер,? получивший задание,? выполняет замену текстов и изображений в шаблоне и выполняет рендер (с помощью? Adobe? After? Effects). Далее сервер выполняет конвертацию итогового? видео-файла? в форматы HLS и MP4 (с помощью? ffmpeg) и производит заливку полученных файлов в облако? Amazon. На каждом этапе работы с заданием происходят обновления статусов, выводящиеся? push-уведомлениями пользователю.

 1d800791e329d385df8154d462d4e824.png

Перейти на сайт

Полный текст статьи читайте на CMS Magazine

Опубликовано: 25 января 2021
↓