Berestoff.ru

Информация о проекте

«Берестов А.С.» — бренд натурального мёда и сладких продуктов, входящий в группу компаний «Органик» (ООО «Биолоджик»). Компания занимается сбором, переработкой и продажей высококачественного мёда, а также производством кондитерских изделий на его основе (конфеты «Медофеты», сладкие подарки). Ключевая ценность бренда — прозрачная история происхождения каждого продукта: от конкретного пчеловода до банки на полке. «Берестов А.С.» ориентирован на покупателей, которые ищут не просто мёд, а гарантию качества, подтверждённую многолетним опытом и отраслевыми наградами.

Цели создания сайта:
Разработать имиджевый трёхстраничный сайт-лендинг, призванный:

• презентовать бренд как «первый мёд с историей происхождения» и вызвать доверие у потребителей
• представить каталог продукции с возможностью перехода на маркетплейсы (Ozon, Wildberries) для покупки
• рассказать историю компании и путь мёда от пасеки до прилавка через интерактивные страницы
• продемонстрировать достижения: награды, дипломы, медали, сертификаты качества
• заложить основу для будущего масштабирования в полноценный интернет-магазин с фильтрами и корзиной

Решение:
Главная страница спроектирована как лендинг с динамическими баннерами (смена цвета фона и изображения), каталогом продукции (с отображением рейтингов с Ozon), блоком достижений (награды, дипломы), отзывами и ссылками на маркетплейсы. Для каждого баннера предусмотрены «якоря» для отслеживания эффективности рекламных кампаний.

Страница «О нас» выполнена в виде вертикальной хронологии с годами, описаниями событий и иллюстрациями. Для «Пути мёда» после обсуждений утверждена также вертикальная структура с девятью этапами (от анализа данных до доставки покупателю), с анимацией появления элементов при скролле. Обе страницы стилизованы по-разному для визуального разнообразия.

На этапе вёрстки были учтены все пожелания по адаптивности: мобильная версия получила собственное меню, блоки продуктов отображаются по одному (телефон) или по два (планшет) с листалкой. Для десктопа после тестирования также принято решение оставить один ряд продуктов с пагинацией, чтобы все элементы помещались на первом экране.