подписка
Подписаться
Светлана Зубова
эксперт и бизнес-консультант в сфере ecommerce., ZUBOVA.ONLINE
25/02/2022

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

2
Как с нуля разработать монобрендовый интернет-магазин косметики и начать продавать. Кейс

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

 

Разработка концепции дизайна интернет-магазина

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

Разработка дизайн концепции строится на основе ДНК бренда, которая представляет собой совокупность ценностей, индивидуальных особенностей и преимуществ бренда.

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

Мы провели ряд исследований, чтобы сформировать концепцию дизайна и учесть все составляющие ДНК:

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

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

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

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

Screenshot_23

Внешний вид основной страницы сайта

Для привлечения внимания покупателей использовали разного вида анимации: анимированные кнопки, меню и т.д.

Проектирование функционала, UX/UI

Проект составляется с помощью UX/UI дизайна, который состоит из 2 компонентов:

  • UX (User Experience) или пользовательский опыт – архитектура сайта и его компонентов, которая удобна и понятна пользователям.
  • UI (User Interface) или пользовательский интерфейс – внешняя оболочка сайта, которая вызывает у пользователя эмоциональное удовольствие и стимулирует его совершить покупку.

Основа для проектирования UX/UI – карта пользовательского пути (CJM). В нее входят все действия, которые совершает клиент на сайте для покупки товара. Сразу скажем, что множественные ненужные действия будут раздражать покупателя, и он уйдет без покупки. Поэтому важно сократить количество кликов на этом пути.

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

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

Этап оформления покупки или чекаут (сheckout) сделали простым, быстрым и надежным, чтобы клиенту было легко и без стресса оформить заказ. Для этого мы создали возможность покупки без регистраций, сделали минимальное количество полей при оформлении заказа.

Выбор платформы

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

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

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

  • конструктор сайта и прямое редактирование HTML/CSS;
  • встроенные системы платежей и курьерские службы;
  • интеграция с международными маркетплейсами;
  • безопасное функционирование корзины.

Подключение домена и SSL сертификаты

Для бренда мы выбрали домен, содержащий его наименование и ключевое слово (для SEO). Подключили домен к платформе Shopify.

Для безопасной передачи данных используют протокол безопасного соединения HТТPS. К тому же поисковые системы не доверяют сайтам без HTTPS и снижают его позиции в результате выдачи, поэтому подключить его также важно и для SEO. Чтобы его подключить к сайту, необходимо получить сертификат безопасности SSL, который содержит данные организации, ее владельца и подтверждает подлинность сайта. На платформе есть встроенные сертификаты, которые легко активируются в личном кабинете.

Разработка программной составляющей и интеграций

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

Для интернет-магазина бренда мы провели на этой ступени следующие виды работ:

  • CMS – подключение и настройка системы управления контентом.
  • Адаптация под мобильные устройства.
  • Структуры основного меню, вспомогательного меню и каталогов.
  • Создали оболочку карточек товаров.
  • Корзина – настройка и подключение к карточкам товаров.
  • Настроили навигации по страницам.
  • Создали личный кабинет покупателя.
  • Подключили социальные сети: Instagram, Youtube, Facebook.
  • Добавили кнопку поделиться: Twitter, Pinterest, Facebook.
  • Блоки "лидеры продаж"и рекомендации.
  • Интеграция с CRM системой и складом.
  • Интернет-эквайринг – интеграция системы безналичной оплаты.
  • Контактная информация и форма обратной связи.
  • Публичная оферта, правила продажи и пользовательское соглашение.
  • FAQ – часто задаваемые вопросы.
  • Поиск по сайту.
  • Быстрый просмотр карточки товара.
  • Акционный раздел.
  • Блог/новости.
  • История посмотренных товаров.
  • Подключение отзывов Яндекс Маркета к карточке товаров.
  • Динамическое ценообразование в зависимости от геолокации – евро, рубли, доллары.
  • Подключение онлайн-консультанта.
  • Настройка расширенной электронной торговли.
  • Подключение счетчиков Google Analytics, Facebook Pixel.

Подготовка контента

Для онлайн-магазинов контент – главный продающий элемент. Очень важны качественные фото и видео, передающие ДНК бренда, описание товара с учетом интересов и потребностей ЦА. По этим данным покупатель принимает решение о приобретении товара.

Screenshot_37

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

Перенос каталога товаров и базы клиентов

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

Настройка доставки

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

Поэтому мы разработали политику доставки:

  • выбрали самые надежные курьерские службы, которые доставляют во все точки РФ, СНГ и мира;
  • установили бесплатную доставку от определенной суммы заказа и возможность особых условий при больших заказах;
  • предоставили клиентам самим выбирать ту или иную курьерскую службу.

Оптимизация под поисковые системы

Для SEO важны технические характеристики сайта: его правильная структура, корректная настройка мета-тегов, внутренняя перелинковка страниц и т.д.

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

Тестирование работы интернет-магазина

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

Мы провели тестирование по следующим направлениям:

  • Функциональность – проверка главных ресурсов сайта, добавление в корзину, оплата, взаимодействие с интегрированными системами и т.д;
  • Юзабилити – насколько удобен и понятен сайт пользователям;
  • Производительность – проверка работы при максимальной нагрузке;
  • Проверка пользовательского интерфейса – как открывается сайт в различных браузерах, тестирование мобильной версии сайта и.т.д;
  • Безопасность – насколько сайт надежен при вредоносных атаках.

Обучение пользованию административной частью сайта

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

  • корректировка / добавление карточек товара;
  • замена фото / видеоконтента;
  • установление цен и скидок;
  • проверка и авторизация новых пользователей / покупателей;
  • добавление текстового контента в разделы
  • дальнейшие доработки магазина

Запуск и поддержка

Перед запуском нового магазина мы настроили email-маркетинг с триггерными рассылками  и  внедрили инструменты трейд-маркетинга:

  • бесплатная доставка по России от определенной суммы;
  • скидка за подписку на рассылку новостей;
  • скидки, промокоды, подарочные сертификаты;
  • стикеры "хит сезона", "любимый продукт" и т.д;
  • email-сообщения с информацией о заказе, незавершенной покупке;
  • email-сообщения о новинках, акциях, распродажах;
  • email-сообщения с утепляющим контентом.

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

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

Для привлечения трафика на сайт используем следующие инструменты:

  • поисковая оптимизация SEO;
  • карточки товара на Яндекс-Маркете, отзывы на продукцию;
  • таргетированная реклама Instagram Facebook;
  • взаимодействие с блогерами;
  • ролики на YouTube;
  • партнерские программы с тематическими интернет-ресурсами и покупателями;
  • email-рассылки по базе с полезным контентом и акциями;
  • контекстная и медийная реклама Яндекс.Директ и Google.Ads.

Мы продолжаем работу по поддержке интернет-магазином бренда по следующим направлениям:

  • настройка и оптимизация таргетированной рекламы в соцсетях;
  • настройка и оптимизация контекстной рекламы;
  • улучшения позиций выдачи;
  • email-маркетинг.

Заключение

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

*Facebook / Instagram признаны экстремистскими организациями на территории РФ.

Прокомментировать
Комментарии
Антон T.
Менеджер е-ком, Торговля (Одежда, обувь, аксессуары, мини-компания)
25/02/2022
просто реклама шопифая...

где наши продукты драг энд дроп? 
Скопировать ссылку на сообщение
Ответить
Игорь Грибанов
Владимирович, Ип Грибанов Игорь В
05/05/2022
Молодец 
Читайте также
10/03/2022
Переезжаете с иностранного хостинга? Конструктор сайтов для интернет-магазинов InSales сделал часть своих услуг бесплатными
У новых клиентов этого крупного российского сервиса, предоставляющий готовые решения для создания интернет-магазинов, теперь есть возможность перенести интернет-магазин на InSales бесплатно. На каких условиях?... Подробнее
Сергей Михайлов
Коммерческий Директор, Факт
16/02/2022
О чем важно помнить при создании B2B-маркетплейса. Кейс металлургического комбината
Разумеется, B2B-маркетплейс имеет важные особенности, которые отличают его от B2C-площадки. В статье расскажем, о чем важно помнить при создании B2B-маркетплейса на примере кейса Магнитогорского металлургического комбината. ... Подробнее
11/02/2022
Баннеры, галереи, подборки товаров. Витрина продавца на Яндекс.Маркете станет похожа на отдельный интернет-магазин
Маркетплейс "Яндекса" запустил бесплатный конструктор для оформления витрины магазина. В будущем появится возможность создавать новые страницы, добавлять тематические блоки с подходящими товарами... Подробнее
Главная Новости Привлечение клиентов Продвижение бренда
Михаил Родионков
Владелец бизнеса и генеральный директор, ИП Родионков М.А.
03/02/2022
Интернет магазин косметики из Кореи 1
Интернет магазин косметики из Кореи 1500 тысячи наименований продукции с настроенной рекламой в Директе, соц сетями и загруженными карточками в маркетплейсах (я.Маркет, Озон, АлиЭкспресс) Магазин действует с апреля 2020 года. Создан на конструкторе Тильда. Поставщик надёжный сборку и отгрузку товара производит в 3 дня! Продажи велись на маркетплейсе Я.Маркет по системе FBS. Остальные источники продаж требуют развития. Перспективное направление ооочень ходовой товар. Продаю из за ухода на гос. должность где нельзя иметь бизнес, а родственники заниматься этим не хотят! Довольно прибыльная бизнес ниша косметика, Корейская в тренде! По всем вопросам отвечу, помогу в начинаниях! Свернуть
Интернет магазин косметики из Кореи 1500 тысячи наименований продукции с настроенной рекламой в Директе, соц сетями и загруженными карточками в маркетплейсах (я.Маркет, Озон, АлиЭкспресс) Еще...
Форум Открытие бизнеса Сайт и приложение
Константин Хлюстов
Директор интернет магазина Школа Семи Гномов, МОЗАИКА-СИНТЕЗ
14/01/2022
Ваш интернет-магазин на Битриксе? Рассказываем, почему важно быть осторожным при загрузке обновлений и как подготовить сайт к апдейту - обсуждение 2
Пурга, а не статья.
Половина - мисисс очевидность, вторая половина - просто заполняющая ее вода.
Мадам, для кого вы это безобразие написали?
Форум Открытие бизнеса Сайт и приложение