Наш клиент, кофейный дом Хорсъ, обратился к нам с задачей разработать новый сайт компании. В 2019 году мы уже работали над проектом миграции на Drupal международного сайта компании, новый сайт был призван стать основным на территории РФ.

Дизайн сайта был предоставлен заказчиком. Основными требованиями при разработке были соответствие "Энтерпрайз" стандартам, оптимизация под мобильные устройства и оптимизация изображений. Изначально сайт разрабатывался на Drupal 8, но в последствии был обновлен на Drupal 9.

Основной функционал сайта можно условно разделить на две части: Каталог продукции и информационные страницы.

Информационные страницы

Для организации информационных страниц была использована связка "страница + конструктор разметки + блоки" (Page + Layout builder + Blocks). Блоки и конструктор разметки, являются функционалом ядра Drupal, как, впрочем, и страницы, но управление страницами в административном интерфейсе в ядре, на момент разработки, еще реализовано не было. Для управления страницам был использован модуль Page manager, поддерживаемый сообществом Drupal. Применение страниц вместо классических типов содержимого (Node) дает большую гибкость в связке с блоками и позволяет автоматически переносить изменения при публикации обновлений.

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

Каталог продукции

Каталог продукции основан на классической схеме "тип содержимого + API поиска + фасеты" (Node + Search API + Facets). Так же для навигации по вариантам товара был использован модуль Slick, позволяющий реализовывать "карусели" любой сложности. Интерфейс управления товарами и их свойствами реализован, преимущественно, на основном функционале ядра Drupal с применение лучших практик, таких как библиотеки медиа контента, "параграфы" (модуль Paragraphs), тонкая настройка форматов ввода (модуль Allowed formats).

Основные особенности проекта

  • Сайт на двух языках, русском и английском.
  • Продвинутая система управления информационными страницами основанная на блоках.
  • Полноценная система управления товарами.
  • Оптимизация изображений, использование формата WebP, адаптивные изображения.
  • Полная адаптация сайта для работы на мобильных устройствах.