Яндекс Доставка: три новых сайта за год — от идеи до запуска
О проекте
Яндекс Доставка — современный сервис для бизнеса, предоставляющий логистические решения любого масштаба: от быстрой курьерской доставки до магистральных перевозок. Сегодня с сервисом сотрудничают более 50 000 компаний, включая крупнейшие бренды, такие как «Леруа Мерлен», «Детский мир» и другие.
Учитывая географическое расширение и активное развитие проекта, в рамках задачи по цифровому обновлению требовалось создать три полноценных сайта:
Учитывая географическое расширение и активное развитие проекта, в рамках задачи по цифровому обновлению требовалось создать три полноценных сайта:
- Основной сайт для России — dostavka.yandex.ru
- Многоязычный сайт для стран СНГ — delivery.yandex.com
- HR-портал для привлечения сотрудников — dostavka.yandex.ru/careers
Задача
К началу проекта существовал базовый сайт на конструкторе с ограниченным функционалом и простым дизайном. Он включал всего 23 страницы и не отвечал задачам быстро растущего сервиса. Возникла потребность в полноценном веб-решении, разработанном с нуля:
- Без использования конструкторов и CMS.
- С индивидуальной архитектурой и полной свободой масштабирования.
- С учетом строгих требований по безопасности кода и его качеству.
- С приоритетом SEO, скорости загрузки и пользовательского опыта.
- С акцентом на бизнес-ценности и воронку конверсий.
Реализация
Работа над проектом велась поэтапно — с релизами каждые 2−3 месяца. Последним был запущен HR-сайт в сентябре 2022 года. Разработка и поддержка продолжаются до сих пор: регулярно добавляются новые страницы, функциональные блоки и визуальные обновления.
Команда отвечала за всю кодовую часть — верстку, фронтенд и бэкенд-логику. Дизайн предоставлялся сторонним подрядчиком.
Технологии и подход:
• HTML, CSS, JavaScript — чистый код без шаблонных решений.
• Использованы: SCSS, БЭМ-методология, Handlebars, Gulp.
• Использование Foundation — для быстрой и тонкой оптимизации.
• Сайты работают без CMS, за исключением форм обратной связи — они собраны на конструкторе Яндекс Формы.
• Оптимизация под Lighthouse — высокий показатель производительности и доступности.
• Акцент на поисковую оптимизацию (SEO) и быструю загрузку.
Команда отвечала за всю кодовую часть — верстку, фронтенд и бэкенд-логику. Дизайн предоставлялся сторонним подрядчиком.
Технологии и подход:
• HTML, CSS, JavaScript — чистый код без шаблонных решений.
• Использованы: SCSS, БЭМ-методология, Handlebars, Gulp.
• Использование Foundation — для быстрой и тонкой оптимизации.
• Сайты работают без CMS, за исключением форм обратной связи — они собраны на конструкторе Яндекс Формы.
• Оптимизация под Lighthouse — высокий показатель производительности и доступности.
• Акцент на поисковую оптимизацию (SEO) и быструю загрузку.
Результаты
Российский сайт (dostavka.yandex.ru):
• За год количество страниц выросло с 23 до более 1000.
• Сайт стал мощной контентной витриной для бизнеса.
• Структура ресурса продумана с маркетинговой точки зрения: реализована разбивка по нишам (цветы, техника, косметика и т. д.), что позволяет разным бизнес-сегментам сразу найти релевантную информацию.
• Встроен функциональный онлайн-калькулятор, позволяющий рассчитать стоимость доставки и зарплату курьера — полезный инструмент и для пользователя, и для SEO.
Представлены варианты подключения к сервису:
• За год количество страниц выросло с 23 до более 1000.
• Сайт стал мощной контентной витриной для бизнеса.
• Структура ресурса продумана с маркетинговой точки зрения: реализована разбивка по нишам (цветы, техника, косметика и т. д.), что позволяет разным бизнес-сегментам сразу найти релевантную информацию.
• Встроен функциональный онлайн-калькулятор, позволяющий рассчитать стоимость доставки и зарплату курьера — полезный инструмент и для пользователя, и для SEO.
Представлены варианты подключения к сервису:
- Через личный кабинет.
- По API.
- Через модули.
- Через мобильное приложение Яндекс Go.
Сайт для СНГ (delivery.yandex.com):
• Разработан для 8 стран СНГ.
• Каждая страница адаптирована под несколько языков (2−3 локали).
• Включает уникальный контент, при этом сохраняет общую структуру с российским сайтом.
• На момент запуска — около 30 уникальных страниц, число растет по мере масштабирования сервиса.
• Разработан для 8 стран СНГ.
• Каждая страница адаптирована под несколько языков (2−3 локали).
• Включает уникальный контент, при этом сохраняет общую структуру с российским сайтом.
• На момент запуска — около 30 уникальных страниц, число растет по мере масштабирования сервиса.
HR-портал (dostavka.yandex.ru/careers):
• Фокус на удобстве взаимодействия с кандидатами.
• Разделы: «О компании», «Поиск вакансий» (с фильтрацией по локациям и направлениям).
• В перспективе — добавление блока о внутренних командах: «Магистральные перевозки», «Экспресс-доставка», «Доставка на следующий день».
• Стартовая база — 37 вакансий, в планах — расширение до 1000+ позиций.
• HR-портал уже стал важным инструментом в системе подбора персонала.
• Фокус на удобстве взаимодействия с кандидатами.
• Разделы: «О компании», «Поиск вакансий» (с фильтрацией по локациям и направлениям).
• В перспективе — добавление блока о внутренних командах: «Магистральные перевозки», «Экспресс-доставка», «Доставка на следующий день».
• Стартовая база — 37 вакансий, в планах — расширение до 1000+ позиций.
• HR-портал уже стал важным инструментом в системе подбора персонала.
Выводы.
Проект стал отличным примером быстрого и качественного масштабирования цифрового присутствия крупного сервиса. За один год была построена унифицированная система из трех сайтов, отвечающая высоким тфебованиям к безопасности, производительности и UX/UI.
В результате удалось:
Проект стал отличным примером быстрого и качественного масштабирования цифрового присутствия крупного сервиса. За один год была построена унифицированная система из трех сайтов, отвечающая высоким тфебованиям к безопасности, производительности и UX/UI.
В результате удалось:
- Создать гибкую техническую архитектуру без ограничений конструкторов.
- Обеспечить масштабируемость для международных рынков.
- Повысить конверсию и узнаваемость бренда через грамотно выстроенные цифровые каналы.
- Упростить и ускорить процессы найма и взаимодействия с пользователями.
Технологии
HTML
CSS
JavaScript
Foundation
Награды
Золотой сайт 2022. Второе место в номинации «Сайт в сфере транспорта, логистики и доставки»
Обсудить идею или проект
