Заполните поля ниже
и мы свяжемся с Вами в ближайшее время!
и мы свяжемся с Вами в ближайшее время!
- кейс
Разработка интернет-магазина на php для кальянного производителя
Создаем сайт на php 8.0, laravel
КЛИЕНТ
Период работы с клиентом: Более 2 лет
Предыстория
В рамках SEO - продвижения клиенту было предложено перенести его интернет-магазин с WORDPRESS на более современный и гибкий движок PHP, для достижения лучших результатов по продажам и привлечением новых пользователей на сайт.
Задача
Разработать современный интернет-магазин для кальянного производителя бренда nanosmoke
Дата публикации кейса
2022, Январь
Особенности
Сайт требовалось разработать в соответствии с аудитом сторонней юридической компании для избежание блокировок, так как компания является производителем «околотабачной» продукции по закону РФ.
Текстовый отчёт насчитывает более 20 страниц с рекомендациями по формулировкам и другим юридическим моментам, относительно специфики бизнеса. Учитывая аудита юридической компании, были внесены корректировки относительно проекта сайта.
Что было сделано
Этап 1. Админ-панель сайта
Данное решение было специально разработано нами для клиента для того, чтобы любой пользователь ПК без знания языков программирования мог добавлять или редактировать товары в интернет-магазине.
Данное решение было специально разработано нами для клиента для того, чтобы любой пользователь ПК без знания языков программирования мог добавлять или редактировать товары в интернет-магазине.
Имея доступ к личному кабинету администратора пользователь без труда может редактировать любые разделы сайта, в том числе и отслеживать статистику заказов на сайте, если у него отсутствуют дополнительные системы учёта реализованного товара или услуг.
Этап 2. Кроссбраузерность
Одним из важных требований в создании любого интернет-магазина является то, что он должен корректно отображаться на всех устройствах и во всех браузерах. Мы это всегда учитываем и понимаем, в следствии чего тестируем новые обновления на отдельном выделенном сервере и на разных устройствах для правильного отображения сайта.
Под такие браузеры как Safari, которые установлены на IOS-устройствах по умолчанию приходится уделять большее количество времени и внимания, чтобы не потерять "львиную" долю клиентов, так как трафик на сайт в большем количестве приходится с них. Стоит отметить, что дизайн веб-шаблона был заказан у другой организации, но версткой, поддержкой и масштабированием занимаемся мы.
Под такие браузеры как Safari, которые установлены на IOS-устройствах по умолчанию приходится уделять большее количество времени и внимания, чтобы не потерять "львиную" долю клиентов, так как трафик на сайт в большем количестве приходится с них. Стоит отметить, что дизайн веб-шаблона был заказан у другой организации, но версткой, поддержкой и масштабированием занимаемся мы.
Этап 3. Оптимизация сайта под разные виды устройств
Чтобы убедится в грамотной оптимизации сайта мы используем Google PageSpeed. Относительно предыдущей CMS системы нам удалось увеличить показатели с 20 на 83/100 на мобильной версии и с 70 на 98/100 на декстопной версии при первой публикации аналогичного сайта, но на новой CMS. Данные показатели постоянно меняются с нововведениями на сайте, но мы регулярно стараемся поддерживать данные результаты на высоком уровне.
Чтобы убедится в грамотной оптимизации сайта мы используем Google PageSpeed. Относительно предыдущей CMS системы нам удалось увеличить показатели с 20 на 83/100 на мобильной версии и с 70 на 98/100 на декстопной версии при первой публикации аналогичного сайта, но на новой CMS. Данные показатели постоянно меняются с нововведениями на сайте, но мы регулярно стараемся поддерживать данные результаты на высоком уровне.
По аналитическим исследованиям пользователю нужно 10 секунд, чтобы понять, нравится ли ему сайт или он уйдет к конкурентам. Учитывая это мы реализовали весь комплекс от скоростного хостинга до SSL-сертификатов. Благодаря этой совокупности всех факторов сайт позволяет поддерживать высокое качество изображений, рассказывать о продукте так, как нужно именно вам и быстро загружаться на всех устройствах пользователя.
Этап 4. Интеграции с сервисами
Исходя из требований клиента были настроены интеграции с 1С Fresh, AMOCRM и "МОЙ СКЛАД" и биллинговой системой для построения экосистемы вокруг сайта. По "короткой" воронке - заказ поступает с сайта, после чего информация о нём передаётся в AMOCRM, происходит коннект менеджера с покупателем, далее меняется статус заявки и фиксируется дополнительно в 1С и "МОЙ СКЛАД", если товар все же был получен клиентом.
Исходя из требований клиента были настроены интеграции с 1С Fresh, AMOCRM и "МОЙ СКЛАД" и биллинговой системой для построения экосистемы вокруг сайта. По "короткой" воронке - заказ поступает с сайта, после чего информация о нём передаётся в AMOCRM, происходит коннект менеджера с покупателем, далее меняется статус заявки и фиксируется дополнительно в 1С и "МОЙ СКЛАД", если товар все же был получен клиентом.
О полезности этих интеграций можно рассказывать бесконечно, так как это было необходимо таким отделам как бухгалтерия, склад, закупки, продажи - но факт в том, что по итогу квартала были замечены минимальные погрешности в цифрах - доказывает то, что все было реализовано не зря.
Этап 5. Внедрения на сайте относительно юридического аудита
В процессе создания сайта касательно аудита были реализованы:
Pop-up проверки возраста пользователя, с учётом законов РФ. При нажатии на кнопку пользователь уведомлен и принимает все правила, так же подтверждает что ему 18 или более лет.
В процессе создания сайта касательно аудита были реализованы:
Pop-up проверки возраста пользователя, с учётом законов РФ. При нажатии на кнопку пользователь уведомлен и принимает все правила, так же подтверждает что ему 18 или более лет.
Так же правовые документы, от наименования компании с реквизитами организации до политики конфиденциальности и пользовательских соглашений. Так же правила оплаты, процедуры возврата и отказа от услуги, страница по гарантийному обслуживанию, доставкам и т.д. Все документы, разделы на сайте, формулировки и посылы были составлены корректно с юридической точки зрения.
Этап 6. Создание англоязычной версии сайта, локализация
Продукт имеет головной офис и производство в Санкт-Петербурге, но при этом товар пользуется популярностью и за рубежом, в следствии чего была реализована англоязычная версия сайта и адаптирована под местные законы. Был зарегистрирован и опубликован сайт nanosmoke.eu, в связи с тем что сайты должны быть взаимосвязаны и продукция циклично обновляется, на сайте была внедрена полная локализация. Подробнее зачем это и для чего - можно прочитать тут.
Продукт имеет головной офис и производство в Санкт-Петербурге, но при этом товар пользуется популярностью и за рубежом, в следствии чего была реализована англоязычная версия сайта и адаптирована под местные законы. Был зарегистрирован и опубликован сайт nanosmoke.eu, в связи с тем что сайты должны быть взаимосвязаны и продукция циклично обновляется, на сайте была внедрена полная локализация. Подробнее зачем это и для чего - можно прочитать тут.
Этап 7. User Friendly interface для пользователей
Для удобства пользователей были внедрены такие полезные функции как: совершение заказа без регистрации, переход на мессенджеры для быстрой связи с менеджерами, обратный звонок для консультации, фильтрация по категориям и цене, емейл-уведомление о приобретенном товаре, блок "с этим товаром покупают" в карточке товара и корзине - который полезен и магазину и покупателю.
Для удобства пользователей были внедрены такие полезные функции как: совершение заказа без регистрации, переход на мессенджеры для быстрой связи с менеджерами, обратный звонок для консультации, фильтрация по категориям и цене, емейл-уведомление о приобретенном товаре, блок "с этим товаром покупают" в карточке товара и корзине - который полезен и магазину и покупателю.
Благодаря внедрению этих блоков достаточно неплохо повышается средний чек и конверсия на сайте,но относительно маркетинга, специально для вас мы написали статью по внедрению полезных "фишек" на реальном примере клиента, который будет интересен каждому, кто занимается маркетингом своего бизнеса в сети.
Этап 8. Внедрение купонов и авто-купонов на сайте
Как и в любом B2C интернет-магазине нужно постоянно стимулировать продажи, поэтому нами был разработан функционал применения купонов и авто-купонов на сайте. Отличие авто-купона от купона в том, что стандартный промокод нужно копировать в поле, а автокупон применяется автоматически при добавлении 2 или более позиций на сайте. При применении купона покупатель заблаговременно видит цену товара со скидкой до оформления заказа и это положительно влияет на продажи компании. В первые дни анонса скидок на продукцию продажи возросли в 2 раза и уже не возвращались на "прошлый уровень".
Как и в любом B2C интернет-магазине нужно постоянно стимулировать продажи, поэтому нами был разработан функционал применения купонов и авто-купонов на сайте. Отличие авто-купона от купона в том, что стандартный промокод нужно копировать в поле, а автокупон применяется автоматически при добавлении 2 или более позиций на сайте. При применении купона покупатель заблаговременно видит цену товара со скидкой до оформления заказа и это положительно влияет на продажи компании. В первые дни анонса скидок на продукцию продажи возросли в 2 раза и уже не возвращались на "прошлый уровень".
Этап 9. Баннеры, сообщающие актуальные акции
Чтобы продажи активно возросли, пользователю нужно сообщить об акции. Для этого мы придумали 2 вида баннера - информер и боковой pop-up.
Всплывающий pop-up всплывает один раз и его нужно обязательно закрыть, так как сайт не будет функционировать, при этом пользователь уже принимает для себя информацию о проходящей в интернет-магазине скидке.
Баннер-информер же постоянно висит под шапкой сайта, демонстрируя информацию об акции, при этом идёт таймер с посылом "до конца акции осталось", что дополнительно даёт мотивацию прочитать что за скидку даёт компания и направляет пользователя на промежуточный лендинг, поясняющий - что к чему.
Этап 10. Сбор обратной связи от покупателей
Обратная связь от покупателей - очень важный момент для любого товара B2C, это помогает пользователям понять нужно ли им это. Для это мы создали дополнительное решение, где покупателю приходит электронное письмо на почту через 14 дней после приобретения товара о запросе обратной связи, которая автоматически добавляется в карточку товара.
Обратная связь от покупателей - очень важный момент для любого товара B2C, это помогает пользователям понять нужно ли им это. Для это мы создали дополнительное решение, где покупателю приходит электронное письмо на почту через 14 дней после приобретения товара о запросе обратной связи, которая автоматически добавляется в карточку товара.
Этап 11. Онлайн-оплата на сайте
Один из важнейших элементов интернет-магазина - удобство оплаты и автоматизация этого процесса. Нами был интегрирован биллинговый сервис, который позволяет оплачивать заказ с помощью банковской карты, Apple Pay и Google Pay. Чек об оплате приходит покупателю на электронную почту с указанием комплектации и номером заказа, а статус платежа отображается у менеджеров в AMOCRM. Так же данный биллинговый сервис предоставляет возможность самостоятельно выставлять счет на оплату для клиента, который связался с менеджером напрямую. Деньги с сервиса автоматически выводятся на расчетный счёт организации по таймингу и принудительно, так же внутри личного кабинета в биллинге, можно сделать возврат клиенту методом нажатия "одной" кнопки.
Один из важнейших элементов интернет-магазина - удобство оплаты и автоматизация этого процесса. Нами был интегрирован биллинговый сервис, который позволяет оплачивать заказ с помощью банковской карты, Apple Pay и Google Pay. Чек об оплате приходит покупателю на электронную почту с указанием комплектации и номером заказа, а статус платежа отображается у менеджеров в AMOCRM. Так же данный биллинговый сервис предоставляет возможность самостоятельно выставлять счет на оплату для клиента, который связался с менеджером напрямую. Деньги с сервиса автоматически выводятся на расчетный счёт организации по таймингу и принудительно, так же внутри личного кабинета в биллинге, можно сделать возврат клиенту методом нажатия "одной" кнопки.
Этап 12. Построение УТП в карточке товара
Любой продукт имеет свою уникальное товарное предложение, только оффер нужно грамотно "упаковать" под конечного пользователя. Мы постарались рассказать и показать пользователю все что ему будет полезно, а именно комплектация, описание, характеристики товара, отзывы, видео-обзор модели, что чаще всего покупают с данным кальяном и статьи с упоминанием продукта.
Любой продукт имеет свою уникальное товарное предложение, только оффер нужно грамотно "упаковать" под конечного пользователя. Мы постарались рассказать и показать пользователю все что ему будет полезно, а именно комплектация, описание, характеристики товара, отзывы, видео-обзор модели, что чаще всего покупают с данным кальяном и статьи с упоминанием продукта.
Этап 13. Связь блоговых SEO-статей с товаром
Каждая статья которая написанная на сайте интернет-магазина была сделана с целью дать людям полезную информацию, адаптированную под продукт и для того, чтобы привлекать органический трафик на сайт. Помимо того, чтобы привлечь этот трафик, его нужно суметь конвертировать, т.к данный сайт создавался для коммерции.
Чтобы это сделать мы внедрили:
1) элемент геймификации - "колесо фортуны", которое предоставляет скидку на продукцию и позволяет получать потенциальных клиентов
2) баннер с промокодом внутри каждой статьи
3) pop-up маркетинговое видео с преимуществами бренда на каждой блоговой статье
4) связь товара магазина внутри SEO- статьи "упоминаются в статье"
Каждая статья которая написанная на сайте интернет-магазина была сделана с целью дать людям полезную информацию, адаптированную под продукт и для того, чтобы привлекать органический трафик на сайт. Помимо того, чтобы привлечь этот трафик, его нужно суметь конвертировать, т.к данный сайт создавался для коммерции.
Чтобы это сделать мы внедрили:
1) элемент геймификации - "колесо фортуны", которое предоставляет скидку на продукцию и позволяет получать потенциальных клиентов
2) баннер с промокодом внутри каждой статьи
3) pop-up маркетинговое видео с преимуществами бренда на каждой блоговой статье
4) связь товара магазина внутри SEO- статьи "упоминаются в статье"
Планы на будущее
1. Внедрение функционала «выгоднее комплектом»
2. Внедрение статистики товара, привязанной к заказам (этот товар смотрят/купили относительно статистики из AMOCRM, этот товар приобрели год/месяц/сегодня)
3. Емейл-уведомления, которые будут помогать собирать отзывы на внешних сайтах-отзовиках
4. Внедрение раздела B2B, который будет демонстрировать преимущества работы с компанией и «захватывать» cookie-данные потенциально интересующихся клиентов, под последующую рассылку и холодные продажи.
5. Внедрение автоматизированной Емейл-рассылки для "сомневающихся" пользователей, которые положили товар в корзину.
2. Внедрение статистики товара, привязанной к заказам (этот товар смотрят/купили относительно статистики из AMOCRM, этот товар приобрели год/месяц/сегодня)
3. Емейл-уведомления, которые будут помогать собирать отзывы на внешних сайтах-отзовиках
4. Внедрение раздела B2B, который будет демонстрировать преимущества работы с компанией и «захватывать» cookie-данные потенциально интересующихся клиентов, под последующую рассылку и холодные продажи.
5. Внедрение автоматизированной Емейл-рассылки для "сомневающихся" пользователей, которые положили товар в корзину.
Итог
Наш клиент получил новый сайт на современной технологии, действительно подходящей под интернет-магазин. Конверсия и приток органического трафика заметно увеличился относительно старого сайта. Клиентов стало больше и они меньше «отваливаются» благодаря нововведениям на сайте.