Разрабатываем современный сайт для бизнеса

Виталий Денисенков директор

Кто мы?

— Основание: 2003 год— 350 реализованных проектов— 30 дипломов и наград проф. конкурсов.

— Студия №1 в Беларуси— ТОП-10 разработчиков корпоративных сайтов в СНГ (CMSMagazine)— ТОП-100 Tagline-2013;

Первые вопросы:

• Для чего разрабатывать сайт?• Что делать?• Для кого делать?• Как делать?

Для чего разрабатывать сайт?

Задачи сайта для бизнеса:

• Привлекать клиентов• Заинтересовывать клиентов• Способствовать (не мешать) продаже• Удерживать клиентов, быть

конкурентным преимуществом

Где происходит продажа на сайте?

• На странице категорий товаров/услуг• На странице/карточке товара/услуги• На других страницах, где содержится

важный с точки зрения конверсии контент

Страница категории товара/услуги

• Потребность не сформирована• Проблема выбора – одна из наиболее

ресурсоемких когнитивных задач

Страница категории (рубрики)

Страница категории (рубрики)

• Люди выбирают те товары, что выбирают и другие (отзывы, рейтинги).

• «Стадный инстинкт», доверие к выбору других людей (лидер продаж).

Карточка товараОсновная цель: убедить покупателя, что он прав в своем выборе. Элементы:

• Название• Изображение товара• Описание товара• Цена• Информация о доступных цветах,

размерах и конфигурациях (SKU)• Наличие товара• Условия доставки

Элементы карточки товара

• Самовывоз, шоурум, оффлайн-магазин

• Гарантии, обмен, возврат• Рекомендации, сопутствующие и/или

похожие товары• Отзывы покупателей о

товаре/магазине• Кнопки для покупки, быстрой

покупки, добавления в корзину, сравнения

• Кнопки для «расшаривания» в соцсетях

• Как связаться (телефон или онлайн-консультант)

Расположение элементов

• Важные элементы лучше располагать там, где пользователи привыкли их видеть и называть привычно.

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

• Основное в первом экране.

Цена

• Делать акцент на цене можно, когда она или совсем небольшая, или существенно ниже, чем в других местах.

• Предложение кажется очень выгодным за счет сравнения рекомендованной розничной цены с текущей стоимостью товара.

• Дополнительный аргумент – указание конкретной суммы, которую экономит покупатель.

Доставка

• Лучшие магазины демонстрируют ее примерно так: «Закажите этот товар сегодня, и мы доставим его завтра к 12 часам». Если доставка еще и бесплатна – заявите об этом.

Кредит

• За счет ежемесячных платежей цену можно «уменьшить»: не  «120000 рублей», а «10 тысяч рублей в месяц».

• Необходимо показать, что оформление кредита не будет утомительной процедурой, не потребует куда-то ехать и долго ждать.

Отзывы

• Важнейший элемент конверсии• Если вкладка с отзывами есть, а

отзывов в нет, то у посетителя может создаться впечатление, что продукт не пользуется спросом

Как разрабатывать сайт?

• Определить приоритеты для клиентов и бизнеса

• Разбить на поставки (спринты, этапы).

• Брать и Делать! (с) Р. Бренсон

Принцип:• MVP – minimum viable product

(дословно: минимально жизнеспособный продукт)

3 ошибки разработки:

1. Концентрация на дизайне2. Концентрация на дизайне3. Концентрация на дизайне

Главное – контентПлюс немного стилистики, информационного проектирования и магии :)

Совет

Владельцам/директорам компаний и интернет-магазинов необходимо задаться вопросом:

«Почему я рекомендовал бы этот товар своим друзьям?»

Из ответов получаются лучшие продающие тексты.

• Потребность →• Запрос в поисковой системе →• Посадочная страница

Поведение в Интернет

Лестница узнавания по Ханту

A-I-D-A-S• A – Attention (Внимание)• I – Interest (Интерес)• D – Desire (Желание)• A – Action (Действие)• S – Satisfaction (Удовлетворение)

Формула движения к заказу

• Привлечь внимание посетителей• Заинтересовать их• Призвать к действию и перевести

посетителя на следующий шаг

Задачи посадочной страницы

• Где я? • То ли это, что я ожидал увидеть? • Эта страница заслуживает

доверия? • Есть что-нибудь интересненькое? • С чего начать? • Как узнать подробнее о… • А что, если у меня еще остались

вопросы?

Основные вопросы посетителей

Основные элементы лендинга

1. Логотип + описание2. Заголовок3. Изображение4. Выгоды5. Призыв к действию (форма

захвата контакта или кнопка)6. Закрытие возражений

Основные элементы посадочной страницы

A/B-тестирование сайта

1. Эксперименты Google Analytics2. Visual Website Optimizer3. Optimizely

Что тестировать?

1. Call to action2. Заголовок, слоган, описание товара3. Длина и поля форм4. Цены и скидки5. Изображения6. Объем текста

Кнопка заказать

Ключевой момент: CMS.

Правильная CMS является скрытой ценностью на этапе проектирования нового сайта.Запрос:У нас есть действующий сайт, но существует множество технических трудностей, эти особенности связаны в основном со структурой сайта и с его кодом. Продвигать его тяжело, не возможно самостоятельно вносить некоторые принципиальные изменения и компания-разработчик тоже не может помочь по этим вопросам, т.к. человек, который писал код ушел…

TOП-5 технических проблем сайтов:• поддержка и масштабируемость• документация и неотчужденные

знания• качество внедрения (технический

долг)• зависимость от разработчика• обучение контент-менеджеров

Ключ к успеху: правильная CMS, правильный партнер по разработке, правильная методика разработки

Бонус трек (о чем помним):• Брошенные корзины• Увеличение среднего чека• Персонализация• Рекомендательные системы• Работа с мобильными пользователями

(адаптивный дизайн)• Работа с системами аналитики

Спасибо за внимание! Ваши вопросы?

Сайт: www.db.byE-mail: dv@db.by

twitter.com/db_by fb.com/borovoystudio