Будмаркет Каталог

Сайт-каталог строительного магазина "Будмаркет"
Будмаркет
в разработке
ставились задачи:
  • Создать: удобный интернет-каталог согласно имеющегося сортамента товара.
  • Интегрировать: функцию заказа обратного звонка и динамический поиск товара
  • Реализовать: функцию "Похожие товары", которая в карточке выбранного товара демонстрирует товары, которые похожи по характеристикам на просматриваемый
  • Создать: админ-панель для добавления товаров.

Стек технологий Будмаркет

Python
Django
HTML5
CSS3
Vuejs

Финальный результат

Результатом работы команды WebGuards над этим проектом стал сайт Будмаркет.

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

Будмаркет, каталог товара
Будмаркет, каталог товара

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

Для того, чтобы каталог выглядел более структурированным было применено решение скрывать под катом подкатегории, количество которых превышает 3 шт. Это позволяет одновременно съэкономить пространство и структурировать на одном экране весь объем категорий магазина "Будмаркет".

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

Будмаркет, подкатегории
Будмаркет, подкатегории

Если категория товара очень обширная и вмещает в себя еще и подкатегории, то выглядит это таким образом. Слева - удобный переключатель подкатегорий, основную часть экрана занимает список товаров выбранной подкатегории.

Есть возможность отфильтровать самые популярные и востребованные товары.

Товары в категории показаны в виде миниатюр, с кнопками "Узнать цену" и "Заказать звонок". Это позволяет отправить запрос менеджерам магазина, даже не входя в карточку товара.

Будмаркет, поиск
Будмаркет, поиск

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

Будмаркет, страница товара
Будмаркет, страница товара

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

Мы создаем потрясающие магазины

Хотите поработаем над вашим?

Почему нас выбрали

Реализация подобного проекта с нуля и “под ключ” требовала тщательной проработки: от концепции до полноценно работающего продукта. Мы разработали оригинальные решения, которые позволили масштабировать систему и добиться максимальной эффективности работы.

Архитектура
Архитектура

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

Мобильная адаптация
Мобильная адаптация

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

Тесты
Тесты

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

SEO
SEO

Мы внимательно следим за тем, чтобы созданные нами проекты соответствовали всем правилам и стандартам, которые предъявляет к сайтам поисковый сервис Google.

Выполненные работы:

Концепт
01

В ходе брейнсторма был придуман и детально расписан весь концепт - от нахождения ниши и до перспектив коллаборации с иными веб-продуктами.

Архитектура
02

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

Дизайн
03

Нашими дизайнерами была предложена цветовая гамма и стилевые решения для придания проекту эффектного внешнего вида.

Верстка
04

Наши front-end разработчики натянули готовый дизайн и подогнали его под требования pixel-perfect.

Программирование
05

Back-end создал отлично работающий алгоритм, модели, структурные связи и процессы, которые обеспечивают максимальную эффективность проекта.

Тесты
06

Весь проект был покрыт сетью автоматических и мануальных тестов. Были проверены и отлажены все возможные проблемные части системы.

WebGuards / Контакты

Есть идея? Мы предложим оптимальное решение!