КентаврПлюс - редизайн рыболовного интернет-магазина

kentavr.by

КентаврПлюс — один из крупнейших оптовых поставщиков товаров для рыбалки, туризма и активного отдыха в Беларуси. Основанная в 2008 году, она зарекомендовала себя как надёжный партнёр с широким ассортиментом продукции, от любительских снастей до профессионального оборудования, а также является эксклюзивным представителем многих популярных брендов.

Компания предлагает гибкую систему скидок, поставки по всем регионам Беларуси и полноценную онлайн-платформу для заказов. Работу поддерживает команда экспертов Akara Team Belarus, которые тестируют продукцию, делятся опытом и развивают рыболовное сообщество через социальные сети и обучающие видео.

Задача

Выполнить полный редизайн интернет-магазина КентаврПлюс, сделав его современным, удобным и визуально привлекательным для оптовых клиентов и партнёров. Необходимо было сохранить существующую структуру и все товары, перенести контент со старого сайта на новую систему администрирования CS-cart, улучшить навигацию и разработать адаптивную мобильную версию для комфортного использования на любых устройствах.

Инструменты

Интернет-магазин был разработан на CMS CS-Cart.

Старый дизайн сайта выглядел бледно и устаревшим — с тусклой цветовой палитрой, перегруженными элементами и отсутствием визуальных акцентов. Интерфейс не вызывал интереса у посетителей и не соответствовал уровню современной компании.

Каталог был реализован в виде громоздкого древовидного списка, что затрудняло поиск нужных товаров и делало процесс выбора неудобным. В новом дизайне требовалось обновить визуальное оформление, упростить структуру каталога и сделать сайт интуитивным и привлекательным.

Несмотря на то, что проект представлял собой редизайн, работу начали с нуля — с этапа прототипирования и продумывания новой логики сайта. Было важно не просто обновить внешний вид, а полностью улучшить пользовательский опыт и навигацию. Мы разработали прототипы следующих ключевых страниц:

После обсуждения прототипов с заказчиком и внесения всех правок была утверждена финальная структура сайта, которая сочетала привычную логику старого ресурса с улучшенной навигацией и удобством для пользователей. На её основе команда приступила к созданию нового дизайна. Особое внимание уделялось каталогам и карточкам товаров, чтобы они были наглядными и лёгкими для восприятия, а процесс поиска и выбора продукции — максимально интуитивным.

Новый дизайн сайта выполнен в светло-серой цветовой палитре, создающей ощущение чистоты и современности. Основным акцентным цветом выбран яркий оранжевый — он добавляет энергии и помогает визуально выделить ключевые элементы интерфейса: кнопки, цены, ссылки, а также интерактивные элементы навигации. Такое сочетание цветов не только усиливает визуальную иерархию, но и делает сайт более запоминающимся и привлекательным для пользователей. Белые карточки товаров эффектно контрастируют с нейтральным фоном, а плавные тени и аккуратные отступы добавляют глубины и визуального комфорта. Весь дизайн выстроен в едином минималистичном стиле, акцент сделан на продукцию и удобство взаимодействия с сайтом.

Главная страница построена функционально и последовательно: в шапке размещены иконки корзины, избранного, сравнения товаров и личного кабинета, кнопка каталога с быстрым выбором категорий — ключевые инструменты для работы юридических лиц. Ниже расположен слайдер с баннерами для актуальных предложений, затем блоки с новыми поступлениями товаров и скидками, раздел «О нас» с реальными фото магазина и сотрудников, логотипы торговых марок и преимущества компании. Завершают страницу слайдера с карточками новостей и статей, а также контрастный тёмный футер с навигацией и контактами, подчёркивающий завершённость страницы.

Каталог сайта разработан максимально функциональным и удобным для оптовых покупателей. Слева расположено боковое меню с категориями товаров, позволяющее быстро перейти в нужный раздел. Над списком товаров размещён удобный фильтр с широким выбором параметров: по бренду, наличию, типу снасти и другим характеристикам. Также реализованы инструменты сортировки, возможность выбрать количество отображаемых карточек на странице и кнопки переключения между форматами отображения — в виде сетки или таблицы. Такой подход обеспечивает пользователю простую и быструю навигацию по большому ассортименту.

Карточки товаров объединены единым контуром и выполнены в минималистичном и лёгком стиле: крупное фото на белом фоне, чёткая структура и акценты на ключевых данных. В каждой карточке указано наличие, название товара и цена, доступная после авторизации зарегистрированных клиентов. Добавлены функции быстрого взаимодействия — возможность добавить товар в избранное или перейти на страницу товара со всеми характеристиками и вариантами. Всё это делает каталог визуально гармоничным, удобным и полностью адаптированным под задачи оптового бизнеса.

По просьбе заказчика было разработано три варианта страниц товара, чтобы удобно отобразить разные типы ассортимента и количество моделей в каждой карточке. Например, для воблеров, где модельный ряд ограничен тремя вариантами, характеристики оформлены в компактную таблицу, а цветовые решения представлены единым блоком карточек с фото для всех моделей. Для товаров у которых до шести вариантами моделей была создана таблица с вертикальными столбцами, что позволяет легко сравнивать параметры между вариантами. А для позиций с большим количеством моделей и характеристик применено горизонтальное табличное расположение — оно обеспечивает наглядность и структурность даже при больших объемах информации.

Каждая страница товара содержит все необходимые элементы для комфортной работы оптовых клиентов: фотографии, наименование товара, видео-обзор при наличии, марку, подробное описание, возможность быстро ознакомиться с условиями сотрудничества и цены, которые отображаются после авторизации. Реализованы функции добавления товара в избранное, в список сравнения и в корзину с возможностью указать нужное количество. Внизу каждой страницы предусмотрен блок с похожими товарами, что помогает пользователю быстрее находить альтернативные предложения и повышает удобство выбора.

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

Страница «Контакты» оформлена в лаконичном стиле и содержит крупную интерактивную Яндекс.Карту, на которой отмечено местоположение компании. Здесь представлены все контактные данные оптового интернет-магазина: адрес, почтовый адрес, телефоны, электронная почта и график работы. Дополнительно указаны контакты розничного магазина, расположенного на отдельном сайте, что помогает клиентам выбрать нужный тип сотрудничества.

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

При клике на бургер-меню открывается меню с основными разделами сайта и контактной информацией, что делает взаимодействие максимально удобным. Также в мобильной версии реализована нижняя панель с быстрым доступом к основным разделам, что повышает скорость навигации для пользователей.

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

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

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

В ходе работ мы:

1. Разработали три разных шаблона карточек товаров, которые можно назначать индивидуально для каждого товара из админ-панели.

2. Реализовали автоматическое обновление остатков через систему выгрузки.

3. Добавили возможность обновления стикеров и шаблонов товаров также через выгрузку.

4. Настроили пять уровней персональных скидок для различных категорий клиентов.

5. Оптимизировали и упростили форму оформления заказа, сделав процесс покупки быстрее и понятнее.

6. Создали отдельную страницу со списком магазинов компании, дополнительно прорисовав дизайн этой новой страницы.

7. Доработали процесс регистрации для юридических лиц, добавив необходимые поля и проверку данных.

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

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

Разработка выполнена на платформе CS-Cart, что позволило реализовать широкий функционал для работы с товарами, заказами и клиентами. После передачи сайта заказчику было заключено соглашение о технической поддержке, в рамках которого продолжается улучшение и доработка сайта для стабильной работы интернет-магазина и расширения его возможностей.