Разработка мультилендинга, который продает в тематике декора для интерьера - archiona.ru

Как это было, или хорошее начало

А что значит для Вас хорошее начало нового, интересного рабочего проекта? Лично для меня – чем сложнее задача, тем увлекательнее будет процесс ее реализации. Именно поэтому я была рада, когда увидела на почте письмо о том, что завтра мы начинаем работать над новым проектом с основной концепцией – Студия хорошо интерьера.

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

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

​

Постановка задачи

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

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

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

Создание прототипов –
воплощаем идеи в схему

Над данным проектом работала команда из трех человек: я (проект-менеджер), прототипист и аналитик. Мы вместе согласовывали идеи, вносили доработки, переделывали схемы…В дальнейшем к нам подключился дизайнер. Но, обо всем по порядку.

Начну с того, что на тот момент у нас появился новый прототипист, точнее прототипистка – Евгения. Несомненно, талантливый сотрудник, но это был ее первый проект, а потому, я с радостью помогла ей. Итак, сайт имеет структуру из следующих блоков:

• Шапка
• Перечень услуг
• О компании
• Этапы производства
• Преимущества компании
• Истории успеха компании
• Карта с объектами, на которых были существенны работы
• Блок с возможностью разместить заявку
• Еще примеры
• Показатели компании в цифрах
• Отзывы
• Команда
• Большой блок заявки
• Контакты
• Группа в социальных сетях.

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

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

​

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

​

1. О компании – здесь мы кратко раскрываем информацию о компании с продающим подтекстом.

​

1. Этапы производства – это блок, которому мы уделили отдельно пристальное внимание. Причина в ручной работе мастеров компании. Данный момент важен для клиентов, так как он доносит до них, что каждая работа – это единственный в своём роде шедевр, произведение искусства. Информация подается в виде фотографий, чтобы клиенты все видели своими глазами, а не читали сухие тексты.

​

1. Преимущества компании – мотивационный блок, мы выполнили его в виде схемы, чтобы не перезагружать пользователя лишней информацией.
2. Чтобы наглядно продемонстрировать работы компании делаем блок Истории успеха. Реальные кейсы помогут подтвердить востребованность услуг компании. Каждый кейс представляет собой галерею с фотографиями выполненных работ. Рядом представлено наглядное описание процесса работы, команды, адреса и указана стоимость.  Данный блок дополняем Картой с выполненными объектами. Таким образом, показываем успешность компании и востребованность услуг.

​

1. После того, как мы провели мотивационную атаку, призываем клиента к совершению целевого действия – размещаем блок Обратная связь с возможностью оставить заявку. Здесь мы подчеркиваем главную проблему покупателя – какова цена вопроса. Чтобы еще больше повысить конверсию мы добавили яркий калейдоскоп из фотографий готовых работ. На каждую работу представлено одно фото и краткое описание.
2. Чтобы клиент не сомневался в уровне компании, чуть ниже мы делаем блок с наглядными числовыми данными: сколько лет компания успешно работает, количество человек в команде и количество выполненных объектов. Такой подход позволяет нам подчеркнуть масштабность компании и ее профессиональный уровень.
3. Казалось бы, что еще надо клиенту, чтобы нажать заветную кнопку и оформить заказ? Тот , кто хоть немного разбирается в маркетинге, сейчас с легкостью ответит: Конечно, ознакомиться с отзывами! Поэтому мы размещаем блок с Отзывами реальных клиентов.
4. Блок с Командой важен для любого бизнеса, так как он создает психологический комфорт. Люди больше доверяют тем, кого могут увидеть в лицо.

​

1. Большой блок для размещения заявки с портретом профессионала создает у пользователей ощущение, что они совершают покупку у реального человека.

​

1.  Блок Контакты с адресом и телефоном поможет пользователям убедиться в том, что компания реально существует. Люди больше доверяют покупкам в материальном офисе, а не в интернет-магазине.
2.  Далее мы демонстрируем Группу в соцсетях, чтобы показать людей, которые входят в сообщество компании и, возможно, уже являются ее клиентами.

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

В завершение – продуманный дизайн

Так как наш заказчик самостоятельно занимался разработкой, нам осталось только создать дизайн. Клиент высказал вполне определенные пожелания, которые нам нужно было воплотить в жизнь. Итак, он хотел видеть в качестве основного цвета логотипа чёрный. В качестве темы логотипа использовать мозаика+витраж+бетон. Касательно дизайна главной страницы заказчик предложил следующее:

• Черно-желто-красная цветовая гамма.
• Черный фон и "стеклянные" блоки (полупрозрачные).
• "Бразилия" - желто-зеленая цветовая гамма.
• Высвеченное фото мозаики на фоне (бледное).
• Фон из мозаики.

​

Основываясь на пожеланиях клиента, мы положились на нашего главного творца и волшебника Виталия и стали ждать различные варианты дизайна. Было создано очень много вариантов, заказчик вносил коррективы и, в конечном счете, выбрал дизайн, который его полностью удовлетворил. Итак, в качестве основной цветовой гаммы сайта Виталий выбрал фиолетовый и черный оттенки. Формы объектов имеют строгую форму, с прямыми углами, что подчеркивает высокий статус компании. Основной фон сайта выполнен в виде мозаики, которая является реальным примером работы компании. В целом, дизайн получился стильным, строгим и запоминающимся. 

Что у нас получилось

Мы сделали макет мультилендинга, который полностью заточен под продажу услуг компании. Разработали продуманные блоки ресурса, чтобы не только повысить конверсию, но и создать потенциальным клиентам психологический комфорт при оформлении заявки. А в довершении – необычный дизайн, который притягивает, грамотно акцентируя внимание на нужных деталях.