Тендеры и лиды
Информация
Развлечение и спорт
Август 2024
Клиент
Фильмоскоп — мобильное приложение, в котором можно «сканировать» сцены из сериалов и находить товары, появляющиеся в кадре. Пользователь наводит камеру на экран телевизора и получает карточки вещей из сцены — одежды, мебели, посуды. Дальше можно перейти на маркетплейс и купить их.
Продукт объединяет технологию компьютерного зрения и онлайн-шопинг. Он превращает сериал из просто развлечения в интерактивный опыт, где зритель становится участником.
Первым партнером стартапа стал онлайн-кинотеатр START. Команда выбрала их сериал «Два холма» для запуска пилотной версии.
Хотели проверить гипотезу: будут ли зрители взаимодействовать с контентом глубже — искать одежду героев, читать материалы о съемках, проходить тематические игры.
Проект задумывался как MVP, который можно легко масштабировать, если будет отклик у аудитории.
Задача
У клиента уже была собственная технология распознавания сцен и внутренняя команда разработчиков. Нужно было упаковать это в полноценный продукт — продумать пользовательские сценарии и понятные флоу, сделать красивый и стильный дизайн, а также создать айдентику.
Клиенту было важно:
— получить готовый дизайн за 2 месяца
— работать по гибкой модели для быстрой смены приоритетов проекта
— заложить основы для масштабирования продукта
Мы понимали, что помогает запускать новую пользовательскую модель взаимодействия с сериалами. Задача требовала фокуса на киллер-фиче и балансировки между вау-эффектом и простотой использования.
Взаимодействие с приложением устроено так: пользователь регистрируется, заходит на главную страницу, где собрано все, чтобы погрузиться в мир сериала. При просмотре он может отсканировать сцену через камеру — тогда запустится технология распознавания. А дальше перейти на маркетплейс и выбрать нужный товар.
Здесь начинается магия: пользователь наводит телефон на телевизор — приложение анализирует сцену и определяет, что на ней изображено.
Мы добавили:
После сканирования пользователю показываются товары, которые появились в сцене: одежда, предметы интерьера, посуда.
Для наших дизайнеров это был интересный UX-вызов. Контент из разных сущностей (сцена → товары → актеры) нужно было компактно и логично разложить. Мы сделали ставку на модульную структуру, где блоки переиспользуются, но наполняются по-разному.
Можно кликнуть по актеру из сцены и перейти в его карточку. Там:
краткое био,
сцены, в которых он снимался,
товары, с которыми он взаимодействовал (например, одежда его персонажа).
Мы продумали перекрестные переходы:
Из карточки сцены → в карточку актера → обратно в другие сцены — чтобы пользователь мог исследовать сериал как вселенную.
Информационный блок с фото и видео со съемок, лором, описанием вселенной, статьями о создании сериала.
Это было важно партнеру START:
Чтобы подчеркнуть, что проект — официальное расширение сериала, а не стороннее приложение. Мы сделали акцент на фирменном визуале, использовали фреймы и обложки, схожие с промо-съемками.
Развлекательный контент — для вовлечения и увеличения времени в приложении. Можно пройти тесты и игры, связанные с героями и событиями.
Мы предложили приоритизировать эти фичи так:
Сначала — главная фича (поиск товаров), потом вики и карточки, а интерактивы — в конец спринта. Так уложились в сроки и сохранили фокус.
Мы знали, что приложение должно выделяться на фоне классических стриминговых и маркетплейс-интерфейсов: быть ярким, дерзким, чуть-чуть гиковским — и при этом оставаться простым и понятным.
Вот ключевые решения, которые помогли этого достичь:
Градиенты как основа визуала. Мы выбрали насыщенный градиент от алого к оранжевому — он добавляет энергии, ассоциируется с эмоциями, светом софитов и огнями съемочной площадки.
Взяли шрифт Roboto для основного текста. Он нейтральный и хорошо читается, особенно на небольших экранах. А Roboto Condensed взяли для заголовков: он визуально экономит пространство и добавляет легкий «цифровой» вайб.
Камера — как сценическая рампа. На экране сканирования мы встроили микроанимации, тени, затемнения по краям — чтобы создать ощущение «просмотра сцены». Все подсказывает: ты сейчас в главной точке приложения.
Экраны адаптированы под один палец. Понимая, что приложение используют в моменте (сериал идет, ты тянешься за телефоном), мы строили флоу так, чтобы все основные действия были доступны большим пальцем: свайпы, кнопки, переходы.
Параллельно с интерфейсом мы работали над экспресс-логотипом. Задача стояла непростая: разработать запоминающийся знак, который будет считываться и в диджитале, и офлайн — но без полноценной бренд-платформы, сжатых сроках и в условиях, когда проект все еще активно формировался.
Первый этап поиска логотипа оказался непростым — нужный образ долго не складывался. Мы пробовали разные направления и стили, прежде чем прийти к четырем финальным вариантам. Один из них лег в основу знака, который используется сейчас.
Клиенту было важно избежать клише и «технологичности ради технологичности». Он хотел образ, в котором будет что-то живое, узнаваемое и чуть-чуть киношное.
Финальный логотип — это надпись «Фильмоскоп», в которой буква «О» превращается в глаз-объектив. Он символизирует и процесс сканирования, и саму идею «взглянуть внимательнее» — в кадр, в сцену, в детали.
Проект «Фильмоскоп» — это как сериал с плотным сценарием и сжатым графиком: тут все нужно было сделать быстро, слаженно и на уровне. И мы справились!
Вся история от первой встречи до старта заняла три недели — это очень быстро, особенно для стартапа с кастомной технологией и сложным взаимодействием внутри команды. Клиент пришел в начале июля, а уже в конце месяца мы провели кик-офф и начали проект.
Дизайн должен был быть готов к началу сентября — и мы уложились. За это время:
вместе с клиентом сформировали флоу, приоритизировали фичи и заложили структуру приложения
разработали флоу и вайрфреймы
согласовали дизайн-концепт
нарисовали все экраны и собрали компоненты,
передали все в разработку.
Работали в формате Time & Materials — когда клиент оплачивает фактически затраченное время и ресурсы, а приоритеты можно менять на ходу. Это спасло: мы могли быстро реагировать на новые идеи, выносить менее важные задачи за скобки и брать в работу то, что становилось актуальнее. Такой подход позволил нам не тратить время на лишнее и сфокусироваться на главном — превратить технологию распознавания сцен в понятный и красивый пользовательский опыт.
По словам клиента, среди первых тестовых пользователей приложение показало хорошие поведенческие метрики: люди пользовались распознаванием, листали карточки, вовлекались в контент.
Фильмоскоп (Filmoskope) сейчас доступен в сторах:
Проект продолжают развивать, а команда клиента планирует масштабирование и на другие сериалы.
Мы создали для приложения яркий и удобный дизайн с гибкой архитектурой интерфейса, который легко подстраивается под разные типы контента. Сделали логотип, помогли собрать промо и передали все в том виде, с которым удобно продолжать работу своей командой.
Проект был не из простых — с сжатыми сроками, новыми сценариями и живущей в процессе идеей. Но как раз в таких задачах особенно важны внимание к деталям, умение подстроиться и двигаться быстро. Мы рады, что смогли поддержать запуск и вложиться в этот классный и необычный запуск 💜
Прозрачный путь к идеальной паре очков: как мы сделали дизайн для федеральной сети оптик
Внедрение АПК «ИТС Консультант: Управление бетонным заводом»
