Превращаем сайт-каталог в полноценный интернет-магазин

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

ООО Компания «МУЗЕЙ» уже более 10 лет работает в сегменте HoReCa и является одним из ведущих поставщиков кофе, чая, сиропов и напитков на территории России.

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

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

До обращения в компанию «Онлайн-Сервис» у компании «МУЗЕЙ» уже функционировал сайт, но это был обычный каталог продукции, без возможности актуализировать наличие товара или сделать заказ. Был большой ряд вопросов, но основные цели и задачи были оговорены на первом брифинге. 

Несколько слов о старом сайте:

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

Так было до редизайна:

a98b4833cb5b0c1a274733cdbc42beb5.jpg 

Цели и задачи

Задачи которые мы поставили перед собой:  

  • Перенос сайта на CMS 1С-Битрикс;
  • Путем переработки дизайна, улучшить внешний вид и юзабилити сайта;
  • С сделать современным и функциональным;
  • Адаптивная кроссбраузерная HTML5 вёрстка всех страниц сайта;
  • Автоматизировать процесс импорта товаров на сайт;
  • Выгрузка в режиме реального времени по расписанию;
  • Интеграция с 1С 7.7 для полного обмена номенклатурой и заказами с сайтом;
  • Создание удобного раздела для Академии Музей.

Разработка дизайна

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

При разработке дизайна сайта были учтены все корпоративные цвета и полное соответствие брендбуку компании.

Главная страница

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

ef3a915cfa745978e5dce6c6dad7dd49.png

Наша главная страница понятная, разобраться в ней не сложно, даже если пользователь на ней впервые.

Состоит из основных блоков:

  • Хэдер. С основными ссылками сайта, основной информацией, полем поиска и корзиной.
  • Баннер. С актуальной информацией.
  • Блок преимуществ.
  • Блок «Уникальные бренды».
  • Блок Персональное коммерческое предложение».
  • Блок »Мы предлагаем».
  • Блок »Наши клиенты».
  • Блок »Стать нашим партнером».
  • Футер. С основной информацией, ссылками на разделы сайта, ссылками на социальные сети.

Каталог товаров

Для доступа к разделам каталога кликаем на ссылку «Магазин», сверху слева на главной странице. 

Страница каталога представляют собой блоки категорий товаров.  

68c2a1a699375aa6c3c3b1f014ca3118.png

Раздел «Кофе»

51e901a7cc8799d22e1cea38f960a06a.png

В разделах продукции представлены карточки товаров. Пользователь видит изображение, название, цену товара,  «В корзину» и «Купить в 1 клик».

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

В левой части расположен фильтр для поиска по определенным параметрам.

Карточка товара

9c8baec5a1daf554c80d24237eec894b.png

Карточка товара состоит из:

  • Изображения. 
  • Информация о товаре, название, артикул. 
  • Цена.
  • Кнопок «В корзину и «купить в 1 клик».
  • Информации о доставке и оплате.
  • Характеристики продукта.
  • Блок «Подбор кофе по своему вкусу».
  • Отзывы.

Адаптивная кроссбраузерная верстка и мобильная версия.

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

 4922660ea6941c01f3aa86ee9ea97b23.jpg

Интеграция с 1С

Особенностью проекта была интеграция с 1С старой версии. Торговля и склад 7.7. Клиент настаивал, что будет работать на этой версии 1С и переходить на другую не планирует. Нам известно, что под 1С 7.7 нет штатного модуля обмена с CMS Bitrix. 

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

Путем переговоров мы добились положительного решения на разработку и внедрение нашего модуля.

91a98a42fc1f40ffb522bdd9cb7e5248.png

Нам удалось:

Напомним, что у заказчика система учета 1С 7.7

  • Настроили быстрый обмен заказам и автоматизировать работу менеджеров

Ранее прием заказов осуществлялся по телефону.

  • Выгрузка в режиме реального времени по расписанию

Корректная выгрузка товаров в каталог интернет-магазина с описанием, свойствами и изображением.

Академия Музей

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

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

837fd9784f5742b54d707fe020721ee1.png

Итог

После выполнения всех работ и приемки сайта, заказчик остался доволен результатом и запланировал комплексное продвижение бизнеса в сети интернет. Туда входит: SEO-оптимизация, SMM-продвижения соц сетях, контекстная реклама Яндекс.Директ, Гугл.адвордс, таргетинг вконтакте, реклама фэйсбук+инстаграм, а так же внедрение битрикс24 для сбора поступающих заявок с сайта, электронной почты, всех мессенджеров компании WatsUp, Viber, Skype, Telegram, соц.сетей VK, FB, Instagram, а также Авито и последующей работы с ними в CRM и автоматизация бизнес процессов компании.

С уважением компания Онлайн-Сервис

Перейти на сайт

Полный текст статьи читайте на CMS Magazine прочитано 29421 раз