Berestoff.ru
Российский производитель и продавец натурального мёда
- Тип
- Платформа
- Год
- 2021
«Берестов А.С.» — бренд натурального мёда и сладких продуктов, входящий в группу компаний «Органик» (ООО «Биолоджик»). Компания занимается сбором, переработкой и продажей высококачественного мёда, а также производством кондитерских изделий на его основе (конфеты «Медофеты», сладкие подарки). Ключевая ценность бренда — прозрачная история происхождения каждого продукта: от конкретного пчеловода до банки на полке. «Берестов А.С.» ориентирован на покупателей, которые ищут не просто мёд, а гарантию качества, подтверждённую многолетним опытом и отраслевыми наградами.
Цели создания сайта: Разработать имиджевый трёхстраничный сайт-лендинг, призванный:
презентовать бренд как «первый мёд с историей происхождения» и вызвать доверие у потребителей
представить каталог продукции с возможностью перехода на маркетплейсы (Ozon, Wildberries) для покупки
рассказать историю компании и путь мёда от пасеки до прилавка через интерактивные страницы
продемонстрировать достижения: награды, дипломы, медали, сертификаты качества
заложить основу для будущего масштабирования в полноценный интернет-магазин с фильтрами и корзиной
Решение: Главная страница спроектирована как лендинг с динамическими баннерами (смена цвета фона и изображения), каталогом продукции (с отображением рейтингов с Ozon), блоком достижений (награды, дипломы), отзывами и ссылками на маркетплейсы. Для каждого баннера предусмотрены «якоря» для отслеживания эффективности рекламных кампаний.
Страница «О нас» выполнена в виде вертикальной хронологии с годами, описаниями событий и иллюстрациями. Для «Пути мёда» после обсуждений утверждена также вертикальная структура с девятью этапами (от анализа данных до доставки покупателю), с анимацией появления элементов при скролле. Обе страницы стилизованы по-разному для визуального разнообразия.
На этапе вёрстки были учтены все пожелания по адаптивности: мобильная версия получила собственное меню, блоки продуктов отображаются по одному (телефон) или по два (планшет) с листалкой. Для десктопа после тестирования также принято решение оставить один ряд продуктов с пагинацией, чтобы все элементы помещались на первом экране.
[case_summary]Сайт стал эффективным инструментом презентации бренда, его истории и продукции. Все ключевые разделы работают стабильно, дизайн вызывает доверие и ассоциируется с качеством и натуральностью. Заказчик получил не только имиджевый лендинг, но и гибкую основу для развития в полноценный интернет-магазин с возможностью самостоятельного управления контентом (баннеры, блоки представленности, награды) через административную панель.[/case_summary]
Технологии
- HTML
- CSS
- JavaScript
- Design
- Figma
- Backend
- PHP
- Frontend
- WordPress
- CMS