“Мастерская Геральдиста” по созданию фамильных, корпоративных и личных гербов
Заказчик: “Мастерская Геральдиста” создает и круто упаковывает фамильные, корпоративные и личные гербы в короткий срок.
Плюс ниши — отсутствие достойных конкурентов, а минус — популярность услуги.
В LP мы постарались привлечь клиента не только к услуге и компании, но и к самой идеи — иметь герб.
Разработка Landing page
Задача
Правило посадочных страниц — “one message one mind”.
То есть и цель и услуга / товар должна быть одна, а каждый экран должен раскрывать услугу и подталкивать к целевому действию. Однако наша ситуация нестандартна, услуга “разработка гербов” непопулярна в РФ.
Поэтому мы поставили 2 цели, которые в структуре плавно сменяют друг друга:
Детальный аудит
Для проекта в сфере займов и кредитования сделали детальный аудит 15 организаций конкурентов, выявили их преимущества и недостатки, выявили
Целевую аудиторию, на которую в дальнейшем запустили рекламирование.
Предоставили маркетинг срез в виде презентации клиенту!
Большая работа над дизайном
Самым непростым этапом в разработке был дизайн, чтобы прийти к результату, который вы видите сейчас, мы меняли концепцию трижды.
Раскрываем продукт «во всей красе»
Проговорили возможные цели/преимущества покупки герба с разными сегментами ЦА и предложили варианты для них.
Мгновенная скорость загрузки
По статистике 30% пользователе не дожидаются открытия страницы, если она загружается более 6 секунд. Для проекта использовали современную верстку, которую проверили через сервис «Google Speed» — все показатели в зеленой зоне, а значит быстрое открытие проекта гарантировано!
Основные этапы разработки
Анализ
Ранее у заказчиков сайта не было. Значит, не было и веб-аналитики, на которую можно было опираться при разработке структуры сайта. Первой задачей стал анализ целевых персон и далее — на основе этого результата — разработка структуры сайта. Вместе с клиентами создали подробные портреты целевых персон. Определили цели, с которыми приходят люди и соотнесли их с видами гербов. В результате создали 3 актуальных вопроса для 3-х сегментов ЦА. Использовали их в третьем блоке сайта и на вопрос клиента, его боль, предложили решение. Так мы закрыли возражение: нужен ли мне герб и зачем?
UX-проектирование
Реализовали максимальное удобство использования сайта поэтапное восприятие всей необходимой информации, размещенной на нем.
Первый экран отвечает на вопросы: куда попал пользователь, что ему предлагают, почему ему это нужно? Описали, чем полезны фамильные, корпоративные и личные гербы. Далее демонстрация портфолио, ключевой фактор выбора в данной сфере. Поэтому наполнили его разными по стилистике гербами для разных вкусов потребителей. Проговорили возможные цели покупки герба с разными сегментами ЦА и предложили варианты для них. Возможность заказать исходя из вида герба. Выше прочел, какой вид и для чего нужен, ниже заказал. Блок о сервисе, что получит клиент вместе с гербом. Ответ на вопрос: почему мы? Пакеты услуг с подарками и подробным описанием, что в них входит. Дополнительные точки контакта: подарочные сертификаты, изображение герба на холсте.
UI-дизайн
Самым непростым этапом в разработке был дизайн, чтобы прийти к результату, который вы видите сейчас, мы меняли концепцию трижды.
Концепция 1
В качестве изображения для первого экрана показали сценарий использования герба. Получилось создать иллюзию того, как покупка будет радовать клиента на видном месте в офисе или дома, как легко вписать герб в любой интерьер. Шрифтовую пару выбирали по двум критериям: Хорошо читается. Никто не станет вчитываться в текст на сайте, поэтому шрифт обязан легко читаться. Отражать тематику. Герб — величественный, древний символ, шрифт должен быть визуальным подтверждением этого. Мы выбрали Акцидентную антикву в заголовках. Шрифт разработан в эпоху Возрождения, подходит по тематике, при этом легкий для восприятия. Также классический наборный Futura.
Концепция 2
Добавили геральдические элементы на сайт, увеличили изображение герба. Теперь тема сайта стала более очевидной. Решили использовать темный фон, контрастные на нём белый и золотой цвета шрифтов. Так как в результате анализа товаров премиального сегмента, выявили более частое использование темного фона на сайтах, а значит и пользователи уже привыкли к такой ассоциации.
Концепция 3
Финальная Мы учли все ошибки, которые допустили в прошлых концепциях, и получили рабочий инструмент для бизнеса, а не просто красивый сайт. Убрали все лишние элементы декора. Теперь мы говорим о гербе и показываем большой, яркий герб. Светлый фон компенсирует яркие цвета в гербе, весь визуальный акцент на товаре. Сочный красный цвет для акцентов, особенно на центральных элементах экрана, кнопках. Самые частые импульсивные покупки совершаются на скидках или акциях. А теперь вспомните, какого цвета ценники на акционных товарах? Красный цвет — прочная ассоциация с выгодой, поэтому мы активно использовали такой импульс.
Сборка и тестирование
При верстке использовали ховеры, чтобы оживить сайт, добавить ему красок. А также в качестве функционального решения для портфолио. Благодаря ховерам описание гербов можно прочесть при наведении на них, а блок не перегружен текстом, весь фокус на товаре. В блоке с преимуществами компании использовали горизонтальный скролл. Такие блоки часто пролистывают, но информация в них отвечает пользователю на вопрос: почему у нас стоит заказать товар / услугу. Анимация с экранной прорисовкой герба точно привлечет внимание клиента. Сайт получился полностью адаптивным под любые устройства.
SEO-оптимизация и запуск
Была произведена базовая SEO-оптимизация и прописаны метатеги. Все тексты были оптимизированы с учетом требований SEO. Сайт опубликован и оптимизирован под все последние требования алгоритмов поисковых систем. Благодаря этому лендинг хорошо индексируется в поисковиках, на него идут заходы даже без рекламы. Мы проверили работу всех элементов и передали проект, который полностью готов к работе.
- Продать саму идею обладания гербом.
- Продать герб.
Результат
По итогу нашей работы, мы и наш заказчик получили функциональный и удобный Landing Page, который соответствует всем требованиям и удовлетворяет потребностям покупателей!