Интернет-магазин морепродуктов, который за месяц отбил затраты на создание и рекламу [см. отзыв]

Заказчик — компания «Сахалин» из Краснодара.

10+ лет в сфере торговли морепродуктами. 4 розничных магазина и оптовая торговля, собственное производство и курьерская служба в Краснодаре.

Как говорится «всё в порядке, спасибо зарядке, но хочется роста».

Цель — увеличить прибыль компании:

• получением розничных заказов на самовывоз и доставку через интернет;

• привлечением оптовых партнёров через интернет.

Для этого выбрана разработка сайта.

Решение — создать интернет-магазин с элементами корпоративного сайта, который:

Обеспечит доступный 24/7 канал продаж: пришло в голову заказать икорочки в 3 часа ночи прямо из дома — пусть заказывают, а менеджер в рабочее время ответит.

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

Задача — понять, кому и как будем продавать.

Направила заказчику вопросы, изучила конкурентов.

Команда «Сахалина» круто вовлеклась — опрашивали даже продавцов, чтобы собрать максимально точную картину.

Результат — понимание, как выгодно продавать целевой аудитории бизнеса.

Например, не стоило упоминать скидки — давить на низкую цену здесь не в цвет (не тот уровень).

Существуют формулы построения контента, основанные на психологии продаж.

Они помогают выгодно разместить контент на сайте.

Например — «Внимание, Интерес, Желание, Действие». Или «Боль, Больше боли, Надежда, Решение».

Для примера — структура главной страницы:

Но в погоне за соблюдением формулы важно не перегрузить сайт! Иначе вместо интереса мы получим отторжение у пользователя. Это касается всего: текстов, навигации, дизайна…

Например, на Главной странице «Сахалина»:

• В меню есть пункт «Розничным покупателям», который собирает ссылки на «Как сделать заказ», «Доставка и оплата», «Вопросы и ответы». Меню не резиновое, а значимый пункт — «Оптовым покупателям». Решила не грузить потенциальных оптовиков обилием текста по рознице.

• 4 популярных товара — следующие можно открыть кнопкой «Загрузить ещё»;

• 3 популярных категории товаров + кнопка «весь каталог»;

• Экраны «О компании» и «История бренда» собирают ключевые тезисы, а полная версия текста на странице «О компании».

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

С участием команды заказчика я собрала факты о бизнесе, которые подходят для создания «продающего» аудитории образа.

Презентовала их без «впаривания»: так, чтобы человек сам дошёл до желания купить.

На примере фактов с первого экрана «Сахалина:

«Душное» введение:

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

2. Пользователю выгодно принести всё на блюдечке. Важное должно быть видно и понятно. Например, кнопки действия.

3. Тенденции дизайна 2010 года разнятся от 2026. Долго не обновляете сайт — пользователь может подумать, что дела у фирмы не ок. Но это уже отдельная история.

Собственно, поэтому основной дизайн «Сахалина» реализован при помощи элемента «Zero Blocks» на платформе «Tilda». Обратите внимание на скриншот ниже — сборка идёт вручную, а не при помощи стандартных блоков.

В некоторых местах были разные версии блоков. Например, полистайте варианты некоторых экранов главной страницы, которые мне не понравились, но без которых не было бы итога:

Когда представитель заказчика прислал идею коллеги — добавить фото квадратиками. Я специально скриншотила этот момент: как было, как стало. 

Нет. Местами я использовала стандартные элементы — например, для реализации каталога. Но стандартного не всегда хватало — приходилось «допиливать» HTML&CSS (благо изучила его ещё в 2017), местами даже использовать JavaScript.

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

К каждому из товаров я добавила alt-текст (SEO-описание), что хорошо как для продвижения, так и для соблюдения законодательства.

На момент сдачи проекта у нас было 28 страниц и 202 товара (каждый из которых я загрузила и сделала описание):

Менюшка сайта подо все версии сайта (компьютерную, планшетную, мобильную) собрана вручную. Такой, как была нужна.

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

Реализованы страницы «Спасибо за заказ», «Ошибка 404», что придаёт завершённость сайту.

Больше разных моментов сайта можно увидеть вот здесь:

После завершения сотрудничества компания ещё не раз обращалась ко мне с возникающими идеями. Например — сделать страницу с новогодним дизайном:

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

Если идёте к подрядчику (и это не я) — спрашивайте, что входит в услугу.

Не сделаете маркетинг — …

Не запустите рекламу — …

Вот такая вот загогулина.