Dodo Prime: веб-сервис для корпоративной премии
В Dodo Brands каждый год проходит внутренняя премия Dodo Prime. Это формат, где команды из управляющей компании показывают свои проекты, голосуют друг за друга и выбирают лучшие кейсы.
Для Додо это возможность показать реальные бизнес-задачи, продуктовые запуски, исследования, сервисы. Для сотрудников — азарт, немного соревновательного духа и здорового тщеславия. Можно заявить о себе, показать, что ты делаешь и увидеть, чем живут коллеги.
В 2025 году для премии Dodo Prime мы делали сразу два проекта. Этот кейс — про сайт-платформу для голосования, а о том, как мы разработали оформление и Key Visual мероприятия в Москве, рассказали в отдельной статье.
Задача
Нас позвали организовать голосование так, чтобы всем было удобно. Клиент хотел уйти от ручного сбора данных, избавиться от презентаций на 200 слайдов и наконец сделать всё «по-человечески» и удобнее, чем в гугл-форме.
Спойлер: в процессе мы решили не просто сделать лендинг на Тильде, а создать полноценную платформу:
— с авторизацией по корпоративной почте,
— красивой подачей проектов,
— удобной навигацией по номинациям,
— возможностью смотреть и анализировать результаты в процессе.
Как искали решение
На старте мы разобрали, как было устроено голосование на тот момент. Это был лендинг, который в день запуска перекидывал пользователей на гугл-форму, а чтобы понять, за кого голосовать, нужно было открыть огромную презентацию без навигации. Пользователь сам должен был ее пролистать, запомнить, кто ему понравился и вернуться в форму, чтобы проголосовать. Сложно и неудобно.
Мы рассматривали два варианта новой платформы для голосований со своими плюсами и минусами.
Относительно простой, но одноразовый — сделать голосование в формате лендинга на Тильде.
・Плюсы: дёшево и легко, потому что привычно и всегда можно «подвигать пиксели» в каждом отдельном проекте.
・Минусы: зависимость от платформы, «костыли», ограничения функционала, временность решения, а значит — эта история без продолжения.
Сложный, но перспективный — сделать свою разработку небольшого веб-сервиса, где всё автоматизировано и легко настраивать.
・Плюсы: гибкость, независимость от платформы, легкая обработка данных, персонализация, сбор и обновление информации в одной админке, учёт всех актуальных пожеланий и простор для дальнейшего развития.
・Минусы: долго и дорого. Кроме того, основная сложность состояла в том, что свою платформу нужно писать руками с нуля в ситуации дефицита ресурсов, в том числе человеческих и временных. Однако для агентства этот шаг — отличная возможность для роста. Новые горизонты? Это нам надо...
Почему решили делать свое
Мы выбрали для внедрения второй вариант, так как поняли, что надо создавать внутренний инструмент, который будет расти вместе с премией и управляться изнутри, как свой продукт.
Dodo Prime проходит каждый год — сохраняется механика, интерфейс, админка. Нужно только добавлять новый контент по уже заданной структуре, а старый навсегда сохраняется в базе данных, что тоже ценно. То есть, один раз вложились, и в следующие годы можно запускаться без головной боли. Вдобавок, по однажды созданной механике можно провести любое голосование с любым дизайном — платформа к этому готова. Отличное вложение, правда?
Эскизы прототипа платформы голосования
Как все реализовали
Бэкенд и админка
Мы начали с базы — собрали всё, что осталось от прошлогоднего голосования: структуру, презентации, список номинаций, дизайн. Далее интегрировали гугл-авторизацию в наш сервис, чтобы участники могли заходить в него через корпоративные учетные записи.
В основу сервиса мы заложили трехуровневую структуру (премия/номинация/проект), основной и конечный элемент которой — проект с внутренней детализацией. Какой-то функционал админки по ходу проектирования мы просто «угадывали», стараясь сделать удобно и гибко. Например, сразу предусмотрели возможность перемещения проекта между номинациями, что пригодилось во время скоростного заполнения проектов перед запуском голосования.
В интерфейсе админки мы сконцентрировались на главном для пользователя, дали возможность редактировать текст, изображения, ссылки, описание. Организаторы в реальном времени видели, что происходит: сколько голосов, когда заканчивается голосование. Причём, благодаря настройке в админке, голосование автоматически переводилось в другой режим и заканчивалось в определённую дату без дополнительных манипуляций. Например, сейчас это просто отображение проектов без возможности голосования.
Мы упаковали корпоративную премию в веб-сервис
Интерфейс для пользователей
Это был самый чувствительный этап, ведь основная страница голосования — то, с чем сталкиваются все сотрудники. Мы перебрали несколько визуальных концепций, прежде чем пришли к финальной. Особенно много внимания уделили навигации. В какой-то момент мы поняли: не надо усложнять, страница должна быть компактной, чтобы все было под рукой.
Сделали бейдж с аватаркой, в котором видно, сколько номинаций осталось пройти. Реализовали возможность голосовать постепенно: хочешь — сегодня, хочешь — вернись завтра. Все голоса сохраняются, а выбор можно отменить и проголосовать за другую номинацию. Важно было сократить путь до действия — галочку можно поставить прямо из карточки, а можно из списка проектов только по наименованию.
Интерфейс адаптировали под реальность: проекты могли быть с одним или пятью изображениями, и даже с частичным описанием. Пришлось много подчищать на ходу — от неожиданных сценариев до редких багов. Например, кто-то ставил галочки, но не нажимал «отправить» — и мы доделывали отклики платформы, чтобы ничего не терялось.
Размещение и запуск
Контент приезжал в последний момент, но это классика. Мы не ждали и, развернув сервис на сервере, начали заполнять БД по мере поступления новой информации. Своими руками заводили проекты в админку, проверяли, как отображаются описания, как срабатывает логика. Тестировали всё на ходу, замечали и быстро «фиксили» недоработки. Это было не в стиле «сдали и ушли» — мы были рядом до самого запуска.
Что оказалось сложным
Сроки для проекта такой сложности были весьма сжатые (полтора месяца на одного фулстэк-девелопера и дизайнера в одном лице), и не было времени для тестов на реальных данных.
Не было точной инфы о проектах: их количество, возможный объем текстов, не было стандарта изображений. Одновременно с этим это довольно объемная информация и много проектов-участников голосования
Формат изображений: каждый проект мог иметь разное количество и форматы изображений. Мы старались предусмотреть разные сценарии, 1/2/3 и больше изображений, чтобы отображалось хорошо и сохранило универсальность, но вариативность материалов все же оказалась сильнее нашей предусмотрительности.
Поведение пользователей было неожиданным (например, кому-то было удобно сначала поставить все галочки и затем нажать кнопку голосования), и какие-то моменты удалось пофиксить оперативно в первые дни и даже часы голосования, а какие-то оставили на потом.
Что получилось в итоге
Мы сделали веб-сервис, который можно использовать дальше и для других целей компании, не придумывая каждый год новую платформу, а развивая и изменяя существующую. Сегодня он пока решает одну задачу — сбор голосов и базовую аналитику результатов, но в любой момент к нему можно подключить сбор заявок, автоматическую модерацию, аналитику, визуальные отчеты.
Даже на этом этапе страница голосования сработала дополнительно как архив мероприятия, где после подведения итогов можно посмотреть все проекты с отключенным функционалом голосования.
От гугл-формы в комплекте с длинной презентацией мы пришли к аккуратному и комфортному, а главное — безопасному собственному сервису. Всё запускается и хранится на серверах компании, а не на стороннем сервисе.
Для участников и команды организаторов — это удобный и понятный интерфейс, на котором всё понятно, управляемо и красиво.
Команда проекта:
Арт-дирекшен — Женя Опутин
Дизайн и разработка — Даша Шкуратова
Дизайн кейса — Соня Григорьева
Анимация кейса — Тимур Якупов
Редактор кейса — Миша Курносов
Делаем дизайн,
который работает
Подписывайтесь на нас
в инстаграме и телеграме.
Сайт vagabondagency.com
