Dodo Prime: веб-сервис для корпоративной премии

В Dodo Brands каждый год проходит внутренняя премия Dodo Prime. Это формат, где команды из управляющей компании показывают свои проекты, голосуют друг за друга и выбирают лучшие кейсы.

Для Додо это возможность показать реальные бизнес-задачи, продуктовые запуски, исследования, сервисы. Для сотрудников — азарт, немного соревновательного духа и здорового тщеславия. Можно заявить о себе, показать, что ты делаешь и увидеть, чем живут коллеги.

В 2025 году для премии Dodo Prime мы делали сразу два проекта. Этот кейс — про сайт-платформу для голосования, а о том, как мы разработали оформление и Key Visual мероприятия в Москве, рассказали в отдельной статье.

Нас позвали организовать голосование так, чтобы всем было удобно. Клиент хотел уйти от ручного сбора данных, избавиться от презентаций на 200 слайдов и наконец сделать всё «по-человечески» и удобнее, чем в гугл-форме.

Спойлер: в процессе мы решили не просто сделать лендинг на Тильде, а создать полноценную платформу:

— с авторизацией по корпоративной почте,

— красивой подачей проектов,

— удобной навигацией по номинациям,

— возможностью смотреть и анализировать результаты в процессе.

На старте мы разобрали, как было устроено голосование на тот момент. Это был лендинг, который в день запуска перекидывал пользователей на гугл-форму, а чтобы понять, за кого голосовать, нужно было открыть огромную презентацию без навигации. Пользователь сам должен был ее пролистать, запомнить, кто ему понравился и вернуться в форму, чтобы проголосовать. Сложно и неудобно.

Мы рассматривали два варианта новой платформы для голосований со своими плюсами и минусами.

Относительно простой, но одноразовый — сделать голосование в формате лендинга на Тильде.

・Плюсы: дёшево и легко, потому что привычно и всегда можно «подвигать пиксели» в каждом отдельном проекте.

・Минусы: зависимость от платформы, «костыли», ограничения функционала, временность решения, а значит — эта история без продолжения.

Сложный, но перспективный — сделать свою разработку небольшого веб-сервиса, где всё автоматизировано и легко настраивать.

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

・Минусы: долго и дорого. Кроме того, основная сложность состояла в том, что свою платформу нужно писать руками с нуля в ситуации дефицита ресурсов, в том числе человеческих и временных. Однако для агентства этот шаг — отличная возможность для роста. Новые горизонты? Это нам надо...

Мы выбрали для внедрения второй вариант, так как поняли, что надо создавать внутренний инструмент, который будет расти вместе с премией и управляться изнутри, как свой продукт. 

Dodo Prime проходит каждый год — сохраняется механика, интерфейс, админка. Нужно только добавлять новый контент по уже заданной структуре, а старый навсегда сохраняется в базе данных, что тоже ценно. То есть, один раз вложились, и в следующие годы можно запускаться без головной боли. Вдобавок, по однажды созданной механике можно провести любое голосование с любым дизайном — платформа к этому готова. Отличное вложение, правда?

Мы начали с базы — собрали всё, что осталось от прошлогоднего голосования: структуру, презентации, список номинаций, дизайн. Далее интегрировали гугл-авторизацию в наш сервис, чтобы участники могли заходить в него через корпоративные учетные записи.

В основу сервиса мы заложили трехуровневую структуру (премия/номинация/проект), основной и конечный элемент которой — проект с внутренней детализацией. Какой-то функционал админки по ходу проектирования мы просто «угадывали», стараясь сделать удобно и гибко. Например, сразу предусмотрели возможность перемещения проекта между номинациями, что пригодилось во время скоростного заполнения проектов перед запуском голосования.

В интерфейсе админки мы сконцентрировались на главном для пользователя, дали возможность редактировать текст, изображения, ссылки, описание. Организаторы в реальном времени видели, что происходит: сколько голосов, когда заканчивается голосование. Причём, благодаря настройке в админке, голосование автоматически переводилось в другой режим и заканчивалось в определённую дату без дополнительных манипуляций. Например, сейчас это просто отображение проектов без возможности голосования.

Это был самый чувствительный этап, ведь основная страница голосования — то, с чем сталкиваются все сотрудники. Мы перебрали несколько визуальных концепций, прежде чем пришли к финальной. Особенно много внимания уделили навигации. В какой-то момент мы поняли: не надо усложнять, страница должна быть компактной, чтобы все было под рукой.

Сделали бейдж с аватаркой, в котором видно, сколько номинаций осталось пройти. Реализовали возможность голосовать постепенно: хочешь — сегодня, хочешь — вернись завтра. Все голоса сохраняются, а выбор можно отменить и проголосовать за другую номинацию. Важно было сократить путь до действия — галочку можно поставить прямо из карточки, а можно из списка проектов только по наименованию.

Интерфейс адаптировали под реальность: проекты могли быть с одним или пятью изображениями, и даже с частичным описанием. Пришлось много подчищать на ходу — от неожиданных сценариев до редких багов. Например, кто-то ставил галочки, но не нажимал «отправить» — и мы доделывали отклики платформы, чтобы ничего не терялось.

Контент приезжал в последний момент, но это классика. Мы не ждали и, развернув сервис на сервере, начали заполнять БД по мере поступления новой информации. Своими руками заводили проекты в админку, проверяли, как отображаются описания, как срабатывает логика. Тестировали всё на ходу, замечали и быстро «фиксили» недоработки. Это было не в стиле «сдали и ушли» — мы были рядом до самого запуска.

Сроки для проекта такой сложности были весьма сжатые (полтора месяца на одного фулстэк-девелопера и дизайнера в одном лице), и не было времени для тестов на реальных данных.

Не было точной инфы о проектах: их количество, возможный объем текстов, не было стандарта изображений. Одновременно с этим это довольно объемная информация и много проектов-участников голосования

Формат изображений: каждый проект мог иметь разное количество и форматы изображений. Мы старались предусмотреть разные сценарии, 1/2/3 и больше изображений, чтобы отображалось хорошо и сохранило универсальность, но вариативность материалов все же оказалась сильнее нашей предусмотрительности.

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

Мы сделали веб-сервис, который можно использовать дальше и для других целей компании, не придумывая каждый год новую платформу, а развивая и изменяя существующую. Сегодня он пока решает одну задачу — сбор голосов и базовую аналитику результатов, но в любой момент к нему можно подключить сбор заявок, автоматическую модерацию, аналитику, визуальные отчеты.

Даже на этом этапе страница голосования сработала дополнительно как архив мероприятия, где после подведения итогов можно посмотреть все проекты с отключенным функционалом голосования.

От гугл-формы в комплекте с длинной презентацией мы пришли к аккуратному и комфортному, а главное — безопасному собственному сервису. Всё запускается и хранится на серверах компании, а не на стороннем сервисе.

Для участников и команды организаторов — это удобный и понятный интерфейс, на котором всё понятно, управляемо и красиво.