Золотое яблоко: Новогодний спецпроект | Сирена

Разработать новогодний спецпроект для Sports” и «Золотого Яблока», объединив в одном продукте тематики бьюти и спорта. Необходимо было создать интерактивный формат, уложиться в сжатые сроки и обеспечить органичное сочетание визуальных стилей двух брендов.

В качестве главной механики был выбран - квиз, где по набору подарков нужно угадать, какому известному спортсмену они предназначены. Дизайн выполнен на основе брендбука «Золотого Яблока» с интеграцией элементов стиля Sports”. Для повышения вовлеченности добавлены подсказки и вознаграждения за правильные ответы. Frontend реализован на Vue.js с лаконичными анимациями. Продукт успешно запущен в установленные сроки, эффективно соединив аудитории обоих брендов.

На этапе дизайна основной акцент был сделан на создании визуально гармоничного и бренд-ориентированного интерфейса. Использовали фирменные цветов, типографику, стилистики фотографий и общих принципов из брендбука "Золотого яблока". Одновременно в интерфейс были органично интегрированы некоторые элементы фирменного стиля Sports.ru: фирменные цвета, динамичные акценты, спортивная энергетика и характерные графические приёмы, — чтобы два совершенно разных мира (бьюти и спорт) воспринимались как единое целое, без визуального конфликта.

Центральной концепцией стал интерактивный тест-квиз, также были добавлены понятные и ненавязчивые подсказки,

После утверждения дизайн-макетов начался этап разработки. Для реализации интерфейса и всей логики приложения был выбран фреймворк Vue.js. Основной технической задачей была разработка механики квиза (выбор вариантов, проверка ответов, подсчёт баллов, отображение подсказок).

Также добавили простые анимации, чтобы было больше динамики. Анимации реализовывались преимущественно с помощью встроенных возможностей Vue (Transition, TransitionGroup) и библиотеки GSAP для более сложных последовательностей.

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

Результат

Предновогодний спецпроект был успешно реализована и запущена в установленные сроки. Получилось создать гармоничный дизайн и объединить две разные аудитории. 

Проект завершён в сжатые сроки благодаря чёткой координации между командами дизайна, разработки и заказчика, а также тесному партнерству с нашей любимой креативной студией "Сирена".