О задаче

«Три кота» — популярный российский мультипликационный сериал для детей дошкольного возраста, стартовавший в 2015 году на телеканале СТС. Перед нами стояла задача создания промо-сайта, который бы продвигал бренд и объединял все ключевые аспекты взаимодействия с аудиторией.

Основные требования:

Современный адаптивный дизайн в соответствии со стилистикой мультсериала (mobile-first, 60% трафика — с планшетов и смартфонов.
Размещение всех серий мультсериала с возможностью онлайн-просмотра.
Интеграция оффлайн и онлайн игр с персонажами.
Публикация новостей и музыкальных треков из сериала.
Разработка раздела интернет-магазина для продажи брендированной продукции и игрушек.
Создание раздела с функционалом афиши спектаклей (с возможностью покупки билетов).
Локализация сайта на английский язык.
Реализация удобной системы управления контентом (CMS).

Решение

Фаза анализа

Проведен сбор требований и пожеланий клиента по дизайну, структуре и функциональности.
Проанализированы сайты конкурентов и проекты из смежных сфер для выявления лучших практик.
Подготовлен Customer Journey Map (CJM) для детального понимания потребностей целевой аудитории.
Созданы прототипы основных страниц с учетом UX/UI-требований.

Фаза планирования

Все фичи были приоритизированы с использованием методологии MoSCoW.
Сформирован MVP (минимально жизнеспособный продукт) для быстрого запуска базового функционала.
Остальные функции добавлены в бэклог для последующих итераций.

Фаза разработки

Выбрана CMS 1С-Битрикс для реализации проекта благодаря её гибкости и широким возможностям интеграции.
Особое внимание уделялось адаптивности под мобильные устройства, так как основная аудитория активно использует смартфоны и планшеты.

Реализованы следующие кастомизированные модули:

Медиатека: Для размещения всех серий мультсериала.
Игровая площадка: Интеграция онлайн-игр с персонажами мультсериала.
Новостной блог: Для публикации актуальной информации.
Музыкальный раздел: Возможность прослушивания и скачивания треков из сериала.
Интернет-магазин: Настройка каталога товаров с системой оплаты.
Афиша спектаклей: Интеграция с API для покупки билетов.
Локализация: Полная адаптация контента на английский язык.

Фаза тестирования

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

Управление проектом

Waterfall: Четкие этапы (дизайн → интеграции → тестирование).

Инструменты

Яндекс.Трекер для трекинга 60+ задач.
GitFlow для контроля версий.
Lighthouse для оптимизации скорости (целевой показатель: 90+ баллов).

Результаты

Удобство использования: Адаптивный дизайн обеспечивает комфортную работу с сайта на любых устройствах. Среднее время сессии — 8.4 мин (на 35% выше аналогов).
Быстродействие: Скорость загрузки: 93/100 (Desktop), 89/100 (Mobile).
Полное соответствие требованиям: Все заявленные функции успешно реализованы и интегрированы.
Высокая конверсия : Интернет-магазин и афиша спектаклей показывают высокие показатели продаж. Конверсия в покупки: 12% (при плане 7%).
Международная доступность: Локализация на английский язык расширяет аудиторию за пределы России.
Удовлетворённость клиента: Клиент получил современный, масштабируемый сайт с удобной системой управления контентом.

Предыдущая страница

Редизайн лендингов для Regula — лидера в сфере верификации документов

Следующая страница

Разработка веб-платформы для франчайзи DODO PIZZA

Контакты

+7 927 728-08-27
personalartru@gmail.com