Как за один день сделали то, что не успевали за 3 месяца или почему хакатоны — это не только про код.
В (не)далёком мире IT, где код как заклинание, а идеи — настоящая магия, команда viju решила сделать что-то бомбически-магическое.
Все как обычно: продакт, разработчик и HR собрались за одним столом, накидывая драфт хакатона. Идеи, условия, командный состав — все по стандарту. Но мы бы не были собой, если бы оставили эти идеи стандартными из разряда «Коллеги, всем добрый день! Совсем скоро в нашей компании пройдет ежегодный хакатон, цель которого бла-бла-бла…». Хотелось чего-то живого, запоминающегося и атмосферного.
Глядя на список участников, продакт говорит: «А у нас получается 4 команды. Ровно как 4 факультета в Хогвартсе». И понеслось! Тема — вселенная Гарри Поттера, где вместо обычных команд у нас появятся факультеты волшебников, каждый участник станет магом киберпространства, а впереди — магическое состязание волшебников за звание лучших в искусстве кодирования и волшебства инноваций, где главный приз — Кубок Хакатона 2025.
Продакт Катя стала профессором Альбусом Дамблдором, чтобы вдохновлять всех на великие свершения, разработчик Маша превратилась в профессора Минерву Макгонагалл, помогая прокачивать проекты и избегать баги, а HR Света — в Распределяющую Шляпу, которая мудро поделит волшебников по факультетам и будет следить за атмосферой дружбы и соперничества.
Идея взорвала, а проект закипел как магический котел. Все были в восторге, потому что магия технологий и классического волшебства переплелась в одну крутую историю. Махнув волшебной палочкой, мы придумали магические испытания, волшебные челленджи и тайные квесты: отправлять будущим волшебникам письма из Хогвартса, выпускать колонку в «Ежедневном пророке viju», подготавливать тайные комнаты для кодинга. Успели даже заказать пиршество, достойное Хагрида, и определиться с призами для волшебников. И н-нет, не Нимбус-2000, а куда ценнее.
Так и начался наш хакатон-легенда, где каждый участник стал волшебником, а команда viju — мастерами магии технологий.
Всё начинается с идеи. Иногда — с product backlog. Иногда — с совы.
Расскажу, как мы провели хакатон в стиле Хогвартса — и зачем вообще нужны такие форматы в продуктовой разработке.
Представьте, что обычно, чтобы внедрить новую фичу, нужно пройти через кучу этапов, и всё это может тянуться неделями, а то и месяцами. А тут — пара дней, и у вас есть рабочий прототип, который можно показать коллегам и сразу получить обратную связь. Это как испытательный полигон: быстро, ярко, без лишней бюрократии.
В такие моменты креативность вырывается наружу. Хакатон — время, когда можно забыть про привычные рамки и попробовать что-то новое, даже если идея кажется безумной. Здесь у нас и рождаются неожиданные и крутые решения, которые потом могут стать фишками продукта или даже изменить подход всей команды к работе.
Но, пожалуй, главное — атмосфера. Когда люди из разных команд собираются вместе, чтобы за короткое время сделать что-то классное, они становятся одним целым. Все горят одной целью. После такого марафона сотрудники разных dev-платформ перестают быть коллегами, а становятся сплоченной командой, появляется взаимопонимание и доверие, которые потом здорово помогают в повседневной работе.
И, конечно, хакатон — отличная возможность проявить себя. В условиях ограниченного времени сразу видно, кто умеет брать на себя ответственность, кто может вести за собой команду, а кто — настоящий генератор идей. Руководство это замечает, и у каждого появляется шанс вырасти, попробовать себя в новой роли или просто получить заряд вдохновения.
Как это было
4 команды — Гриффиндор, Слизерин, Когтевран, Пуффендуй. Одна Jira-доска, помеченная тегом X. 2 рабочих дня. А Министр Продуктовой Магии (CPO) проводит аудит каждой команды: помогает, задаёт вопросы, а потом вносит в roadmap. Внутри Slack у нас появились "Ежедневный Пророк", мемы про багов-василисков, факультетные подколы, но главное — ощущение, что мы создаём магию вместе.
Лента ТВ-каналов: магия пропорций и тайные заготовки
Главная страница viju, а на ней — аккуратная «лента» ТВ-каналов. Казалось бы, просто ряд иконок
Мы переосмыслили её с нуля: дополнили оформление логотипов viju и viju+ за счет визуальных эффектов, выверили размеры карточек до пикселя, чтобы добавить интересный ритм сетки на мобиле и на вебе.
Но главный трюк был в дизайне страницы для телевизоров. Зная, что разработка может взять только одну версию за день, мы подготовили три варианта:
«Минимал» — просто логотипы без изысков;
«Золотая середина» — с названием текущей передачи;
«Вау!» — с названием, детальной информацией текущей передачи и анимацией переключения.
Когда на хакатоне показал это разработчикам, их глаза округлились: «Мы не успеем собрать третий вариант за день!» После бурного PBR мы остановились на втором варианте — он сочетал пользу и реализуемость. А самый крутой дизайн… Увы, отложили в бэклог как бутылку вина на потом.
Кнопка «Мне повезёт»: Градиенты против старых телевизоров
Фича звучала просто: одна кнопка — случайный контент…
Мы подготовили два варианта дизайна: минималистичный и простой для разработки и вариант «one more thing» с анимацией появления блока на странице стилизованный под логотип viju. Но, как это всегда бывает, на практике всё упёрлось в телевизоры, учитывая нетривиальность этой платформы с точки зрения интерфейса и способом управления пультом.
Когда мы сделали красивый градиентный фон этого блока на странице, тестировщики провели «телевизионный марафон» — тест-драйв на 20 телевизоров и прислали скриншоты на дизайн-ревью. Оказалось, градиент перехода цвета на старых LCD-экранах отображались некачественно и наш изящный переход градиента превратился в «пиксельную лестницу» из-за плохой цветопередачи старых моделей.
В итоге нашли компромиссный вариант, который выглядел прилично (но не так «вау») на всех моделях.
Добавление имени пользователя: история про несостоявшуюся любовь
Это должна была быть тёплая, приятная фича: пользователь добавляет имя, а viju становится чуть более «личным» и человечным.
Мы продумали несколько приятных мелочей:
микроанимации при вводе имени;
забавный тултип при наведении;
шутливый попап при удалении имени («Точно? Мы же так хорошо общались!»).
Но... продукт есть продукт. В последний момент фичу пришлось отложить — решили сосредоточиться на задачах важных для бизнеса и с быстрой отдачей. Для дизайнеров это как отменить свидание после трёх часов укладки волос. Но мы не унываем!
Во-первых, дизайн уже готов. Во-вторых, теперь у нас есть отмазка: «Это не dead feature, это... стратегический задел!»
P.S. Если кто-то из руководства читает это — мы всё ещё верим в эту фичу!
Поддержка Face ID/Touch ID
А вот тут у нас случился магический эксперимент. В качестве продакта выступила Юля — разработчица команды iOS. Это как раз тот случай, когда в ходе хакатона можно попробовать реализовать не только смелые идеи, но и попробовать себя в новой роли. Сразу спойлер — у неё получилось! Теперь пользователи могут авторизоваться привычным способом. Спасибо, Юля!
Новый вид превью тв-каналов
Пример ситуации, когда одно элегантное решение позволило решить старинную проблему. Дело в том, что в разделе «ТВ-каналы» мы выводим превью контента, который сейчас идет в эфире. Но, увы, пока не у всех фильмов и сериалов есть собственное превью, поэтому часто на карточке отображалась заглушка, из-за чего пользователю могло показаться, что в эфире почти всегда одно и то же. За хакатон мы сделали универсальные заглушки на основе логотипов и проблема исчезла. (Да, можно было просто сделать превью для всего. Но у нас тут так-то один день всего!)
ТОП-10. Задача - троянский конь
Начну рассказ с небольшого факапа. Топ-10 фильмов. Эта таска казалась простой, но заняла много сил и времени, а в итоге так до конца и не реализовалась. Топ — это линейка обложек популярных фильмов с цифрами 1-10. Вот цифры и подвели. Во время подготовки задачи как раз прогремела презентация Apple с ее «Liquid Glass». Вдохновившись, мы сделали красивые стеклянные цифры с кучей эффектов, чем очень плотно загрузили разработчиков. Говорят, где-то на подвальном этаже нашего московского офиса до сих пор пытаются добиться нужного стеклянного эффекта для цифры.
Подборки на Главной. Красота спасла инклюзивность
Обычно все наоборот, но здесь попытка украсить привела к важным исправлениям для доступности наших интерфейсов. В viju есть подборки фильмов по разным темам и настроениям. Раньше они выглядели как безликие страницы каталога, но тут мы решили придать им разнообразия через набор ярких градиентов, в который планировалось покрасить и превью подборок и страницы с фильмами. В дизайн-системе уже был набор градиентов для подобного, но, взявшись за них поплотнее, мы поняли что только парочка из них проходит по нормам контрастности WCAG, а на остальных текст тупо терялся. Пришлось засучить рукава и собрать новые градиенты. Получилось — ярче, а читаемость — лучше. А еще придумалась крутая система нейминга цветовых стилей: теперь мы называем их по фильмам, цвета которых эти стили напоминают. Так у нас появились градиенты «Бегущий по лезвию» и «Падшие ангелы».
Что в итоге?
Теперь у нас 7 потенциально продовых фич (за 2 дня!), которые увидят свет в ближайшее время. За это время команды зажглись, почувствовали азарт и драйв. Все задачи остались в рамках одного проекта без расползания, хаоса и «давайте попробуем ещё вот это». Мы увидели, какие гипотезы можно проверять быстрее, если дать им 48 часов фокуса.
С помощью хакатона мы увидели, как люди перестают ждать, когда им дадут задачу и начинают предлагать решения и что даже интроверты начали показывать свои эксперименты без страха. Такие форматы остаются не просто как прикол — они действительно укрепляют команду, но до сих пор не верится, что всё, что мы вместе сделали, привязано к реальному продукту!
Будем делать ещё? Да. В следующий раз с другими темами (не менее магическими), другими фокусами-покусами. И, возможно, факультетом QA-оборотней. А пока — готовим первый набор фичей к проду и помним, что иногда два дня магии дают больше, чем месяц рабочих планов.
