Привет! Я Андрей Пикузо. Занимаюсь разработкой, маркетингом и дизайном. В этой статье расскажу не просто о сайтах. Поговорим о маркетинге в целом.
Разберем реальный кейс. Это сайт-каталог морепродуктов в Питере. Здесь я сам придумал дизайн. Сам сделал разработку. Учел маркетинг и фин-модель компании. На момент написания сайт уже готов. Сейчас наполняется контентом.
Сначала я сделал лендинг. Так клиент проверил спрос. Это было перед Новым годом. Да, перед праздником спрос на икру растет. Но и конкуренция становится выше. В дизайне использовал оранжевые акценты. Сделал интерфейс как у Яндекса. Это отлично сработало в рекламе.
На лендинге был первый экран с заказом. Плюс несколько блоков с описанием товаров. Главная фишка — на первом экране. Посетитель сразу выбирал товар, количество и оформлял заказ. Проработали мелочи: подсказку адреса и заказ без перезагрузки. Ниже видео с работой лендинга.
После праздников продолжили. Решили делать SEO-продвижение. Почему? Яндекс.Директ стоит дорого. Маржинальность морепродуктов низкая. Плюс продукт скоропортящийся. Выбрали поисковое продвижение. Если сайт в топе по региону, то после вложений получаем органику. Стоимость лида падает. А со временем становится почти бесплатной. Для продвижения нужен сайт-каталог. С большим количеством страниц. Поисковики любят релевантные страницы. Под каждую группу запросов. Например, «купить форель» и «купить свежую форель».
Как обычно, сделали дешево и сердито. Взяли WordPress и Elementor. Получился конструктор плюс свои скрипты (без кода все равно не обойтись). Elementor помогает быстро собирать концепты. Проводить A/B тесты. Не ждать программиста часами. WordPress позволяет реализовать любую идею. Насколько хватит фантазии. Это вам не Тильда.
В итоге сделал сайт с разделами: каталог товаров, рецепты, информационные страницы, корзина, оформление заказа и личный кабинет.
Главная страница
Начну с главной. Картинка уже в летнем настроении. Справа блок с ключевыми данными. Добавил звездочки — рейтинг. Люди привыкли к ним на маркетплейсах. Там же номер телефона и преимущества: бесплатная доставка, дегустация. Ниже кнопка «Перейти к покупкам». Она ведет в каталог. А для тех, кто любит листать, сделал сетку товаров.
В сетке обратите внимание на корзину. Она компактная. Нет огромных кнопок «В корзину» или «Подробнее». Задача — показать больше товаров на экране. Пользователи уже знают: иконка корзины — это добавить. А название или фото — перейти к товару.
Страница товара
На странице товара — галерея изображений. Фото листаются стрелками с клавиатуры. Кнопка корзины дублируется иконкой вверху. На первом экране вкладки: описание, рецепты, доставка. Из фишек: владелец может привязывать рецепты к товарам. И наоборот. Внизу стандартные блоки «Смотрите также» и «Визитка».
Страница рецепта
Что здесь интересного? После рецепта читателю предлагают купить подходящий товар. В примере это икра. Можно добавить сразу в корзину. Это демо, так что «соединять воду с молоком» не будем. Текст рецепта я сделал узким. Широкий текст сложнее читать — взгляд прыгает. Учимся у газет.
Оформление заказа и личный кабинет
После заказа появляется страница благодарности. У нас не интернет-магазин, поэтому оплата при получении. Логистики и онлайн-эквайринга нет. Зоны доставки указаны везде. Не везде красиво, но доработаем.
После заказа открывается доступ в личный кабинет. Там виден статус заказа. И список купленных товаров.
Подвал
Спросите: почему нет подвала? Зачем он, если дублирует меню? Меню и так всегда сверху. Вместо подвала сделал визитку. С вкладкой об организации. Она заменяет всё, включая страницу «Контакты».
Заключение
Сайт еще будут дорабатывать. Но уже сейчас можно торговать. И продвигать отдельные товары. Запускаем SEO. Настраиваем глубокую рекламу в Яндекс.Директе. Отслеживаем поведение пользователей. Клиент сам управляет товарами и рецептами. Без моей помощи.
Нужен такой же сайт? Закажите разработку!
