![Создание сайта для компании поставляющей продукцию для сегмента HoReCa | Кейс по разработке сайта – ART6 Создание сайта для компании поставляющей продукцию для сегмента HoReCa | Кейс по разработке сайта – ART6](/assets/images/keysy/132-sozdaniye-sayta-smp-sklad/sozdaniye-sayta-smp-sklad-1117.webp)
СМП-Склад
Создание интернет-магазина для крупнейшей компании поставляющей продукцию для сегмента HoReCa
Клиент
СМП-Склад – поставщик продукции для сегмента HoReCa и других направлений бизнеса: хозтовары, упаковка и другое. Сотрудничает с топовыми брендами России и Европы на правах эксклюзивного официального дистрибьютора. Компания осуществляет доставку по всей России.
Задача
Компания СМП-Склад поставила перед нами ряд задач:
- проанализировать сферу деятельности клиента, специфику бизнеса, позиционирование, целевую аудиторию, конкурентов и другие факторы влияния. Изучить цели клиента и определить как будущий сайт поможет в их достижении. Разработать проект сайта, описывающий его концепцию, информационную структуру и функциональную часть;
- создать презентабельный функциональный интернет-магазин с грамотной структурой каталога;
- на этапе разработки сайта реализовать весь необходимый функционал и заложить правильную структуру, которые будут способствовать его эффективному SEO-продвижению;
- развернуть созданный сайт на сервере, подключить домен, обеспечить его дальнейшую стабильную бесперебойную работу;
- стать надежным партнером на долгие годы для достижения высочайших результатов.
Адрес проекта
smp-sklad.ruИсполнение
Разработка сайта всегда начинается с создания проекта.
Проектирование – это первый и один из ключевых этапов создания сайта. Включает проведение ряда работ – исследование предметной области деятельности заказчика, специфики, позиционирования, репутации, целевой аудитории, конкурентов и других факторов влияния. Изучение целей и задач заказчика и определение каким образом будущий сайт поможет их достижению и решению. Создание концепции сайта, описание его функциональной части и информационной структуры.
Проектирование – крайне важный этап и основная задача проекта – на основе целей клиента и проведенного исследования описать все составляющие будущего сайта.
Наша ключевая цель – создать сайт, который будет эффективно решать поставленные перед ним задачи.
Создали проект, обсудили и согласовали с клиентом, приступили к последующим этапам разработки сайта.
Архитектура сайта
Высококонверсионный сайт начинается с грамотно проработанной архитектуры (структуры). Пользователи при визите на сайт должны получить максимально полную информацию о компании и ее услугах и решить – можно ли доверять компании или нет.
При разработке сайта мы учли важность данного пункта и уже на этапе создания сформировали грамотную архитектуру с возможностью масштабирования в дальнейшем.
Дизайн
Дизайн – одна из основных составляющих сайта, ключевая задача – способствовать достижению поставленных целей.
При создании дизайна мы не просто сделали его привлекательным, а вложили основную часть усилий в его эффективное решение поставленных задач, основной из которых является эффективная лидогенерация.
![Кейс ART6 по созданию сайта – СМП-Склад, изображение 1 Кейс ART6 по созданию сайта – СМП-Склад, изображение 1](/assets/images/keysy/132-sozdaniye-sayta-smp-sklad/sozdaniye-sayta-smp-sklad-img1.webp)
Предложение на первом экране
Информация на первом экране должна полностью соответствовать тому, что ищут пользователи в Интернете. Она должна четко и ясно отражать уникальное предложение компании, подчеркивать ее привлекательность по сравнению с конкурентами и мотивировать пользователей обратиться именно в эту компанию.
![Кейс ART6 по созданию сайта – СМП-Склад, изображение 2 Кейс ART6 по созданию сайта – СМП-Склад, изображение 2](/assets/images/keysy/132-sozdaniye-sayta-smp-sklad/sozdaniye-sayta-smp-sklad-img2.webp)
Формы обратной связи для сбора контактов
Пользователю проще оставить свой контакт и ждать звонка. Со стороны компании это отличная возможность сохранить контакт потенциального клиента в базу.
![Кейс ART6 по созданию сайта – СМП-Склад, изображение 3 Кейс ART6 по созданию сайта – СМП-Склад, изображение 3](/assets/images/keysy/132-sozdaniye-sayta-smp-sklad/sozdaniye-sayta-smp-sklad-img3.webp)
Каталог
Для того чтобы сайт с продукцией или товарами был успешным, необходимо создать хорошо организованный и функциональный каталог. Разрабатывая его, мы ориентировались на требования поисковых систем Яндекс и Google, что позволит эффективно продвигать сайт в будущем.
![Кейс ART6 по созданию сайта – СМП-Склад, изображение 4 Кейс ART6 по созданию сайта – СМП-Склад, изображение 4](/assets/images/keysy/132-sozdaniye-sayta-smp-sklad/sozdaniye-sayta-smp-sklad-img4.webp)
Карточка товара
Карточка товара – неотъемлемая часть интернет-магазина или сайта с товарным каталогом. Разработали ее с учетом того, что пользователь должен получить полную информацию о товаре для принятия решения о покупке.
![Кейс ART6 по созданию сайта – СМП-Склад, изображение 5 Кейс ART6 по созданию сайта – СМП-Склад, изображение 5](/assets/images/keysy/132-sozdaniye-sayta-smp-sklad/sozdaniye-sayta-smp-sklad-img5.webp)
Корзина
Корзина в интернет-магазине играет ключевую роль. Именно в корзину пользователь добавляет товары, которые хочет приобрести. При разработке корзины мы стремились не только обеспечить ее функциональность, но и создать условия, при которых пользователь захочет совершить покупку прямо на сайте.
![Кейс ART6 по созданию сайта – СМП-Склад, изображение 6 Кейс ART6 по созданию сайта – СМП-Склад, изображение 6](/assets/images/keysy/132-sozdaniye-sayta-smp-sklad/sozdaniye-sayta-smp-sklad-img6.webp)
Оформление заказа
Когда пользователь добавляет товары в “Корзину”, следующим шагом становится “Оформление заказа”. Наша цель – сделать этот этап максимально простым и понятным для пользователей, чтобы увеличить количество завершенных покупок.
![Кейс ART6 по созданию сайта – СМП-Склад, изображение 7 Кейс ART6 по созданию сайта – СМП-Склад, изображение 7](/assets/images/keysy/132-sozdaniye-sayta-smp-sklad/sozdaniye-sayta-smp-sklad-img7.webp)
Сортировка
Сортировка – достаточно важный функциональный элемент сайта с товарным каталогом, который позволяет пользователю быстрее подобрать необходимый ему товар.
Реализовали на сайте сортировку по самым важным параметрам.
![Кейс ART6 по созданию сайта – СМП-Склад, изображение 8 Кейс ART6 по созданию сайта – СМП-Склад, изображение 8](/assets/images/keysy/132-sozdaniye-sayta-smp-sklad/sozdaniye-sayta-smp-sklad-img8.webp)
Фильтр
С каждым годом пользователи сайта готовы тратить меньше времени на то, чтобы достичь цели, например, совершить покупку. Поиск и выбор товара – процесс небыстрый, поэтому чтобы сэкономить время пользователей, на сайте был реализован товарный фильтр, который позволит посетителям быстро и эффективно найти то, что им нужно.
![Кейс ART6 по созданию сайта – СМП-Склад, изображение 9 Кейс ART6 по созданию сайта – СМП-Склад, изображение 9](/assets/images/keysy/132-sozdaniye-sayta-smp-sklad/sozdaniye-sayta-smp-sklad-img9.webp)
Купить в 1 клик
В некоторых случаях пользователи не готовы тратить время на заполнение формы заказа, здесь на помощь приходит функционал “Купить в 1 клик”, позволяющий увеличивать конверсию.
Сделали его крайне простым и удобным в использовании, чтобы процесс покупки занимал как можно меньше времени.
![Кейс ART6 по созданию сайта – СМП-Склад, изображение 10 Кейс ART6 по созданию сайта – СМП-Склад, изображение 10](/assets/images/keysy/132-sozdaniye-sayta-smp-sklad/sozdaniye-sayta-smp-sklad-img10.webp)
Описание товара
Для многих пользователей описание товара играет одну из ключевых ролей при принятии решения о покупке.
Разместили элемент так, чтобы он был удобно расположен и заметен для пользователей.
![Кейс ART6 по созданию сайта – СМП-Склад, изображение 11 Кейс ART6 по созданию сайта – СМП-Склад, изображение 11](/assets/images/keysy/132-sozdaniye-sayta-smp-sklad/sozdaniye-sayta-smp-sklad-img11.webp)
Характеристики товара
Характеристики товара являются ключевым элементом его презентации на сайте и играют важную роль в процессе принятия решения пользователем.
Обеспечили функциональность, позволяющую добавлять неограниченное число характеристик и соответствующих значений индивидуально для каждого товара.
![Кейс ART6 по созданию сайта – СМП-Склад, изображение 12 Кейс ART6 по созданию сайта – СМП-Склад, изображение 12](/assets/images/keysy/132-sozdaniye-sayta-smp-sklad/sozdaniye-sayta-smp-sklad-img12.webp)
Цена
В большинстве случаев цена – самый важный критерий, на основании которого пользователи принимают решение о приобретении товара.
Реализовали возможность добавления к каждому товару как основной цены, так и акционной.
![Кейс ART6 по созданию сайта – СМП-Склад, изображение 13 Кейс ART6 по созданию сайта – СМП-Склад, изображение 13](/assets/images/keysy/132-sozdaniye-sayta-smp-sklad/sozdaniye-sayta-smp-sklad-img13.webp)
Наличие скидки (перечеркнутая цена, акция)
Предоставление скидки на товар стимулирует пользователя совершить покупку.
Мы внедрили функционал, который позволяет устанавливать индивидуальные скидки для каждого товара.
![Кейс ART6 по созданию сайта – СМП-Склад, изображение 14 Кейс ART6 по созданию сайта – СМП-Склад, изображение 14](/assets/images/keysy/132-sozdaniye-sayta-smp-sklad/sozdaniye-sayta-smp-sklad-img14.webp)
Наличие
Функционал, который позволяет пользователям моментально проверить наличие товара, его количество и сроки ожидания при заказе отсутствующего товара.
Реализовали систему учета остатков, которая позволяет пользователям видеть актуальную информацию о наличии товара.
![Кейс ART6 по созданию сайта – СМП-Склад, изображение 15 Кейс ART6 по созданию сайта – СМП-Склад, изображение 15](/assets/images/keysy/132-sozdaniye-sayta-smp-sklad/sozdaniye-sayta-smp-sklad-img15.webp)
Наличие нескольких фото
Визуальное представление товара – важная составляющая сайта, а наличие нескольких фотографий, особенно качественных – это то, что сильно повышает конверсию.
Реализовали возможность добавления неограниченного количества фотографий для каждого товара.
![Кейс ART6 по созданию сайта – СМП-Склад, изображение 16 Кейс ART6 по созданию сайта – СМП-Склад, изображение 16](/assets/images/keysy/132-sozdaniye-sayta-smp-sklad/sozdaniye-sayta-smp-sklad-img16.webp)
Избранное
Пользователю может понравиться какой-то товар, но если сейчас он не готов его купить, то функционал добавления в избранное повысит шансы, что пользователь добавив его туда, позднее вернется и оформит заказ.
![Кейс ART6 по созданию сайта – СМП-Склад, изображение 17 Кейс ART6 по созданию сайта – СМП-Склад, изображение 17](/assets/images/keysy/132-sozdaniye-sayta-smp-sklad/sozdaniye-sayta-smp-sklad-img17.webp)
Доставка
Информация о доставке – необходимая составляющая любого сайта, который продает товар. Если пользователю требуется доставка, то чем надежнее предлагаемые варианты и чем лучше по ним условия, тем выше вероятность того, что он оформит заказ.
![Кейс ART6 по созданию сайта – СМП-Склад, изображение 18 Кейс ART6 по созданию сайта – СМП-Склад, изображение 18](/assets/images/keysy/132-sozdaniye-sayta-smp-sklad/sozdaniye-sayta-smp-sklad-img18.webp)
Оплата
Предоставление информации об оплате является обязательным элементом любого сайта, который занимается продажей товаров. Разнообразие доступных способов оплаты, их удобство и выгодные условия повышают вероятность того, что каждый пользователь сможет выбрать наиболее подходящий для него способ оплаты.
![Кейс ART6 по созданию сайта – СМП-Склад, изображение 19 Кейс ART6 по созданию сайта – СМП-Склад, изображение 19](/assets/images/keysy/132-sozdaniye-sayta-smp-sklad/sozdaniye-sayta-smp-sklad-img19.webp)
Просмотренные товары
Функционал, задача которого – помочь пользователям увидеть цепочку товара, который они просматривали ранее, для быстрого возврата к необходимому.
![Кейс ART6 по созданию сайта – СМП-Склад, изображение 20 Кейс ART6 по созданию сайта – СМП-Склад, изображение 20](/assets/images/keysy/132-sozdaniye-sayta-smp-sklad/sozdaniye-sayta-smp-sklad-img20.webp)
Информация о компании
На главной странице сайта важно познакомить пользователей с компанией, чтобы они получили основную информацию – чем компания занимается, чем может быть им полезна, почему ей можно доверять. На основной странице “О компании” следует указать более полную и развернутую информацию.
![Кейс ART6 по созданию сайта – СМП-Склад, изображение 21 Кейс ART6 по созданию сайта – СМП-Склад, изображение 21](/assets/images/keysy/132-sozdaniye-sayta-smp-sklad/sozdaniye-sayta-smp-sklad-img21.webp)
Реализованные работы (фото, видео, кейсы)
Для большинства потенциальных клиентов важен опыт компании, а лучшим его доказательством является представление выполненных работ. Не редко это ключевой фактор при принятии решения о выборе компании.
![Кейс ART6 по созданию сайта – СМП-Склад, изображение 22 Кейс ART6 по созданию сайта – СМП-Склад, изображение 22](/assets/images/keysy/132-sozdaniye-sayta-smp-sklad/sozdaniye-sayta-smp-sklad-img22.webp)
Социальные доказательства (отзывы, рекомендации)
Когда пользователи сталкиваются с новой и незнакомой компанией, принятие решения может стать сложной задачей. В такой ситуации они чаще предпочитают полагаться на отзывы и рекомендации тех, кто уже имел опыт сотрудничества с компанией.
![Кейс ART6 по созданию сайта – СМП-Склад, изображение 23 Кейс ART6 по созданию сайта – СМП-Склад, изображение 23](/assets/images/keysy/132-sozdaniye-sayta-smp-sklad/sozdaniye-sayta-smp-sklad-img23.webp)
Блог (Полезные статьи)
Создание страницы с полезной для пользователей информацией обеспечивает регулярное обновление контента на сайте. Это способствует улучшению результатов SEO-продвижения сайта. К тому же, такие материалы могут быть интересны посетителям сайта. Если статьи будут качественными и экспертными, это повысит уровень доверия к компании.
![Кейс ART6 по созданию сайта – СМП-Склад, изображение 24 Кейс ART6 по созданию сайта – СМП-Склад, изображение 24](/assets/images/keysy/132-sozdaniye-sayta-smp-sklad/sozdaniye-sayta-smp-sklad-img24.webp)
Контакты
Необходимо, чтобы на сайте были указаны все распространенные способы связи с компанией, адрес, который можно найти с помощью интерактивной карты, часы работы компании и ссылки на страницы в социальных сетях.
![Кейс ART6 по созданию сайта – СМП-Склад, изображение 25 Кейс ART6 по созданию сайта – СМП-Склад, изображение 25](/assets/images/keysy/132-sozdaniye-sayta-smp-sklad/sozdaniye-sayta-smp-sklad-img25.webp)
Меню сайта
На сайте проработали путь клиента, чтобы пользователи не путались и смогли легко найти нужную информацию. В меню указали разделы с важной информацией для потенциальных покупателей.
![Кейс ART6 по созданию сайта – СМП-Склад, изображение 26 Кейс ART6 по созданию сайта – СМП-Склад, изображение 26](/assets/images/keysy/132-sozdaniye-sayta-smp-sklad/sozdaniye-sayta-smp-sklad-img26.webp)
Блоки навигации на страницах сайта
На сайте каждая товарная категория и услуга была размещена на отдельной странице. Для удобства пользователей ссылки на них были добавлены не только в меню, но и оформлены в виде понятных и удобных навигационных блоков. Это же касается и другой информации на сайте: лучшие предложения, акции, бренды и так далее.
Особое внимание при разработке сайта было уделено навигационным элементам, которые помогают пользователям быстро находить нужную информацию о деятельности компании.
![Кейс ART6 по созданию сайта – СМП-Склад, изображение 27 Кейс ART6 по созданию сайта – СМП-Склад, изображение 27](/assets/images/keysy/132-sozdaniye-sayta-smp-sklad/sozdaniye-sayta-smp-sklad-img27.webp)
Поиск
Поиск на сайте позволяет пользователям быстро найти нужную информацию.
![Кейс ART6 по созданию сайта – СМП-Склад, изображение 28 Кейс ART6 по созданию сайта – СМП-Склад, изображение 28](/assets/images/keysy/132-sozdaniye-sayta-smp-sklad/sozdaniye-sayta-smp-sklad-img28.webp)
Оптимизация под мобильные устройства
Сайт качественно отображается на всех видах устройств, включая смартфоны, планшеты, десктопные компьютеры и ноутбуки.
Более 80% трафика в Интернете приходится на мобильные устройства, поэтому адаптивной верстке и контенту уделили особое внимание.
![Кейс ART6 по созданию сайта – СМП-Склад, изображение 29 Кейс ART6 по созданию сайта – СМП-Склад, изображение 29](/assets/images/keysy/132-sozdaniye-sayta-smp-sklad/sozdaniye-sayta-smp-sklad-img29.webp)
Отзыв клиента
![Отзыв компании СМП-Склад о работе с ART6 Отзыв компании СМП-Склад о работе с ART6](/assets/images/keysy/132-sozdaniye-sayta-smp-sklad/8-otzyv-smp-sklad.webp)
![Отзыв СМП-Склад о digital-агентстве ART6 Отзыв СМП-Склад о digital-агентстве ART6](/assets/images/keysy/132-sozdaniye-sayta-smp-sklad/8-otzyv-smp-sklad.webp)