В данной статье кратко описано как выстраивается процесс работы над проектом в нашей команде.
Цель:
Поделиться с Вами опытом и показать что конкретно делается для создания сайтов на примере двух лэндингов. «Секретных фишек и технологий» нет, только подход, ориентированный на получение идеального конечного результата.
4. Этап 1 — Анализ конкурентов
6. Этап 3 и 4 — Создание прототипа и написание текстов
8. Этап 6 — Вёрстка и настройка проекта
Несколько слов о клиенте
Любой клиент, который решил воспользоваться digital-услугами, заинтересован в увеличении продаж. Это естественно для каждого предпринимателя, в не зависимости от ниши. Наш клиент (будем говорить конкретно о его продукте (товар/услуга) — крупный интернет-магазин по продаже диванов преимущественно в Москве и области. Название компании не афишируется в целях сохранения конфиденциальности.
Главная задача
Создать максимально проработанные лэндинги для популярных диванов в своей ценовой категории: «Амстердам» и «Карина», которые будут полностью раскрывать все преимущества товара и сервиса, тем самым увеличивая число покупателей.
Реализация задачи
Чтобы получить идеальный конечный результат, разбиваем работу над проектом на несколько этапов:
1 этап: проанализировать конкурентов в данной нише по как можно большему числу нужных критериев;
2 этап: проанализировать сам продукт клиента (т.е. диваны);
3 этап: продумать смысловую структуру последовательности блоков и на основе этого создать прототип;
4 этап: написать и отредактировать тексты (совмещается с предыдущим этапом);
5 этап: создание дизайн-макетов (подбор визуальных образов, цветовой схемы, типографики) + отрисовка логотипа;
6 этап: вёрстка и настройка уже готового сайта для дальнейшей работы с ним (получение заявок).
Этап 1 — Анализ конкурентов
Цель этапа:
Выявить качество и ценность сервиса конкурентов (оплата, доставка, гарантия, акции, программы лояльности и т.п.), а также просмотреть всё, что они могут предложить по конкретным диванам «Амстердам» и «Карина».
Нажмите здесь, чтобы открыть изображение в полном размере
Как видно из скриншота, карта мышления Xmind получилась обширной. Крупно Вы видите лишь малую часть того, что было сделано, а справа на изображении ясно прослеживается весь объём информации по конкурентам. Мы собирали все данные, вплоть до режима работы.
На данном скриншоте показатели карты в свёрнутом состоянии. Здесь Вы видите сколько конкретно конкурентов выписано: их количество 16. Ориентация шла на интернет-магазины, которые имеют в своём ассортименте такие диваны как у нас, и в целом не сильно отличаются по ценовой категории.
Также было проанализировано 4 интернет-магазина, которые реализуют диваны из дорогого сегмента, для того, чтобы понять как они себя позиционируют и насколько хороши их сайты в плане дизайна, удобства и подачи информации на нём.
Результат этапа:
На основе собранной информации было получено достаточно выводов. Специфика продажи диванов в интернет-магазинах подразумевает краткое описание товара и основных характеристик.
Но наша задача — это реализация через лэндинги. Поэтому мы решили сделать упор на подробное описание всех свойств диванов «Амстердам» и «Карина».
Ведь диваны приобретаешь не каждый день, и человеку, прежде чем принять решение о покупке, необходимо узнать о них больше. Как следствие, Этап №2 (анализ товара) сыграл ключевую роль в проектировании посадочных страниц.
Также изначально у нас уже было главное преимущество: оплата по факту получения товара на дом. Анализ конкурентов дал нам понять, что такая услуга только у единиц. Мы убедились что идём в верном направлении.
Этап 2 — Анализ товара
Цель этапа:
Получить ясное понимание того, ПОЧЕМУ нужно купить диван именно у нас.
Мы глубоко проанализировали диваны «Амстердам» и «Карина» у каждого из конкурентов, выписав все мельчайшие подробности. Также сделали это и по диванам нашего клиента.
Это необходимо было для того, чтобы понять, на что стоит сделать акцент при подаче информации на будущих леэндингах для целевой аудитории. Так как банальные преимущества типа «качественные диваны недорого» не закрывают потребностей покупателя.
Мы любим конкретику, и считаем что понятие «качественные» должно быть полностью раскрыто. То есть в чём и как проявляется это качество?
На данном скриншоте Вы видите проработку интеллектуальной карты по дивану «Карина». Также крупным планом видно лишь малую часть, а справа общий вид полностью развёрнутой карты.
Аналогично по дивану «Амстердам»
Нажмите здесь, чтобы открыть изображение в полном размере
Результат этапа:
На основе полученной и структурированной информации мы добились поставленной цели на этап №2. Стало ясно ЧТО конкретно мы будем рассказывать о диванах, а именно:
- размеры и возможность их выбора;
- материал каркаса (металлический или деревянный);
- наполнитель, и возможность его улучшения;
- материал обивки;
- механизм трансформации;
- и другие дополнительные элементы.
Плюс для того, чтобы понять КАК мы будем об этом рассказывать, изучили несколько seo-блогов в тематике мягкой мебели. Узнали много интересного про свойства наполнителей для диванов, какими бывают каркасы и чем они отличаются, выявили главные преимущества механизмов трансформации. Анализ информации по seo-блогам позволил написать и отредактировать все тексты.
Таким образом, этап №2 даёт целый пласт в работе над созданием полезного контента для целевой аудитории. Покупателю не приходится сначала изучить с десяток статей на блогах и информационных сайтах, и только потом выбирать интернет-магазин. Цикл принятия решения о покупке сокращается.
Анализ продукта любого бизнеса даёт много интересного. Стандартный брифинг в типовых веб-студиях не позволяет взглянуть на товар со стороны простого человека. То, что может казаться для владельца бизнеса незначительным, по факту может увеличить продажи.
Даже если это будет небольшой процент, выгода очевидна. К тому же такие этапы освобождают время и внимание предпринимателя, не отвлекая его нудными брифами.
Этап 3 и 4 — Создание прототипов и написание текстов
Цель этапа:
Структурировать всю полученную информацию, вытянув все смыслы, и написать текста — на выходе прототип с продуманной логикой подачи информации.
Слева Вы видите часть прототипа, а справа количество блоков и их последовательность. Создание прототипов не было сложным, нужно было лишь продумать структуру будущих лэндингов.
Мы просмотрели и обсудили то, что получилось, внесли мелкие правки и приступили к следующему этапу. Аналогичным стал прототип для дивана «Амстердам», только без смысловых блоков про акцию.
В заголовке выразили основное преимущество товара для покупателя. Объём текстов минимизировали и дали в них главную суть, закрывающую потребность целевой аудитории. Дизайн-концепция стала предсказуемой, и было ясно, какой именно она должна быть.
Результат этапа:
Готовые для дизайна прототипы с проработанными текстами.
Этап 5 — Дизайн
Цель этапа:
Отрисовать простой, аккуратный дизайн, приятный для восприятия и достаточно современный. При этом не уходя в модные тенденции, чтобы обычный человек, покупающий недорогие диваны, не «испугался люксовости» лэндинга.
Графическое оформление:
Дополнительные изображения решили использовать в виде чёрно-белых рисунков, так как акцент и всё внимание должно идти на сам товар. Плюс такое стилевое решение выглядит красиво и интересно.
Логотип:
Также сделали новый логотип специально для этих посадочных страниц. Простой, и вместе с тем передающий уют и комфорт дома. Для каждого дивана в своей цветовой схеме.
Завершённый дизайн первого экрана лэндинга для дивана «Карина»:
Заголовок переформулировали с учётом основного преимущества: отсутствие предоплаты. Чтобы дать целевой аудитории как можно больше выгоды и ясности сразу.
Завершённый дизайн первого экрана лэндинга для дивана «Амстердам»:
Результат этапа:
Аккуратный и симпатичный дизайн лэндингов для диванов «Амстердам» и «Карина», который одновременно схож по визуальным решениям, но при этом каждый имеет свою изюминку.
Этап 6 — Вёрстка и настройка проекта
Цель этапа:
Сделать адаптивную вёрстку и настроить страницы для получения заявок. Здесь всё гораздо проще, ничего уникального нам не понадобилось, и заняло в целом дня три на обе посадочные страницы.
В заключение
Мы постарались рассказать Вам о более значительных деталях в процессе разработки. На самом деле нюансов гораздо больше.
Главная идея в работе над проектом: получить максимально качественный результат, глубоко прорабатывая каждый этап.
И большую часть времени занимает исследование (анализ конкурентов и товара), это ВАЖНЫЙ этап, без которого нет смысла идти далее.
Дизайн сайта всего лишь составляющая. Да, он тоже решает поставленные задачи, но фокусировка на проработке грамотной структуры и потребностях пользователя даёт свои плоды.
Исследованиями мы добились:
- Виденье рынка и конкурентов в нише продажи мягкой мебели,
- Получили чёткое представление о том, как закрыть потребности целевой аудитории перед покупкой (дав им полную информацию по диванам и предложив весомое преимущество: оплата по факту).
Оценить результаты проделанной работы Вы можете по ссылкам: