Dodo Brands. Дизайн и разработка карьерного сайта от ONY

Dodo Brands — международная франчайзинговая компания, стоящая из сетей Dodo Pizza и цифровых кофеен Drinkit. Более 1200 точек в 20+ странах, 40 000 сотрудников в сети и амбициозная цель — удвоение масштаба в ближайшие 5 лет.

Компания обратилась к нам с запросом разработать карьерный портал отталкиваясь от существующей айдентики Dodo Brands. Изначально HR-коммуникация была разбита на несколько сайтов, каждый из которых закрывал лишь часть воронки найма.

Новая цифровая витрина бренда Dodo должна объединять открытые вакансии, информацию о продуктах компании, культурный код Dodo и публичные коммуникации

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

Страница вакансии строится вокруг интеграции с Huntflow — основной HR-системой клиента. Сайт адаптирован под разнообразные профили соискателей — от технических специалистов до операционных и креативных ролей. Он помогает каждому быстро сориентироваться в структуре: быстрые фильтры, переходы по отделам, страницы команд — всё работает на то, чтобы кандидат нашёл своё место в Dodo.

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

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

Фронтенд реализован на Nuxt — фреймворке, который обеспечивает удобную структуру проекта, высокую скорость и автоимпорты компонентов. Для хранения и синхронизации данных между разными компонентами интерфейса — используется Pinia, а стилизация выполнена с помощью Sass. Для работы с API мы применили useFetch — встроенный инструмент Nuxt, оптимальный для SSR-запросов.

Бэкенд построен на связке PHP, MySQL и Laravel. В качестве административной панели использован Filament, который ускоряет разработку за счёт набора готовых решений и широкой экосистемы плагинов. Интеграция с Huntflow реализована через API и вебхуки: автоматическая загрузка резюме и создание карточек соискателей.

Контент-часть сайта работает через headless CMS, благодаря чему команда клиента может самостоятельно обновлять медиа-блоки, блоги и подкасты без помощи разработчиков.

Чтобы сделать навигацию по сайту проще, мы реализовали «умный» поиск по базе данных — с возможностью распознавания транслитерации, неполных слов, синонимов и англо-русских соответствий. Такой подход особенно важен для крупных digital-команд, где один и тот же термин может использоваться в разном контексте.

Мы добавили интерактивный блок с картой — визуальную отсылку к масштабу бизнеса и цифровой природе Dodo. В неё автоматически подгружаются данные о продажах, заказах, количестве сотрудников и других операционных метриках в режиме real-time. Источником выступ��ет внутренняя система управления ресторанами Dodo IS.

Новый сайт помогает кандид��там не только найти подходящую роль, но и почувствовать, как устроен Dodo изнутри — в команде, в культуре, в ритме. Это не просто витрина вакансий, а место, где начинается знакомство с брендом.

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

Больше кейсов, подкастов от нашей команды и новостей дизайн-индустрии — в нашем Telegram-канале. Подписывайтесь!