Разрабатываем современный сайт для бизнеса
-
Upload
borovoystudio -
Category
Internet
-
view
437 -
download
1
description
Transcript of Разрабатываем современный сайт для бизнеса
![Page 1: Разрабатываем современный сайт для бизнеса](https://reader038.fdocument.pub/reader038/viewer/2022103000/556fd556d8b42af8088b4894/html5/thumbnails/1.jpg)
Разрабатываем современный сайт для бизнеса
Виталий Денисенков директор
![Page 2: Разрабатываем современный сайт для бизнеса](https://reader038.fdocument.pub/reader038/viewer/2022103000/556fd556d8b42af8088b4894/html5/thumbnails/2.jpg)
Кто мы?
— Основание: 2003 год— 350 реализованных проектов— 30 дипломов и наград проф. конкурсов.
— Студия №1 в Беларуси— ТОП-10 разработчиков корпоративных сайтов в СНГ (CMSMagazine)— ТОП-100 Tagline-2013;
![Page 3: Разрабатываем современный сайт для бизнеса](https://reader038.fdocument.pub/reader038/viewer/2022103000/556fd556d8b42af8088b4894/html5/thumbnails/3.jpg)
Первые вопросы:
• Для чего разрабатывать сайт?• Что делать?• Для кого делать?• Как делать?
![Page 4: Разрабатываем современный сайт для бизнеса](https://reader038.fdocument.pub/reader038/viewer/2022103000/556fd556d8b42af8088b4894/html5/thumbnails/4.jpg)
Для чего разрабатывать сайт?
![Page 5: Разрабатываем современный сайт для бизнеса](https://reader038.fdocument.pub/reader038/viewer/2022103000/556fd556d8b42af8088b4894/html5/thumbnails/5.jpg)
Задачи сайта для бизнеса:
• Привлекать клиентов• Заинтересовывать клиентов• Способствовать (не мешать) продаже• Удерживать клиентов, быть
конкурентным преимуществом
![Page 6: Разрабатываем современный сайт для бизнеса](https://reader038.fdocument.pub/reader038/viewer/2022103000/556fd556d8b42af8088b4894/html5/thumbnails/6.jpg)
Где происходит продажа на сайте?
• На странице категорий товаров/услуг• На странице/карточке товара/услуги• На других страницах, где содержится
важный с точки зрения конверсии контент
![Page 7: Разрабатываем современный сайт для бизнеса](https://reader038.fdocument.pub/reader038/viewer/2022103000/556fd556d8b42af8088b4894/html5/thumbnails/7.jpg)
Страница категории товара/услуги
• Потребность не сформирована• Проблема выбора – одна из наиболее
ресурсоемких когнитивных задач
![Page 8: Разрабатываем современный сайт для бизнеса](https://reader038.fdocument.pub/reader038/viewer/2022103000/556fd556d8b42af8088b4894/html5/thumbnails/8.jpg)
Страница категории (рубрики)
![Page 9: Разрабатываем современный сайт для бизнеса](https://reader038.fdocument.pub/reader038/viewer/2022103000/556fd556d8b42af8088b4894/html5/thumbnails/9.jpg)
Страница категории (рубрики)
• Люди выбирают те товары, что выбирают и другие (отзывы, рейтинги).
• «Стадный инстинкт», доверие к выбору других людей (лидер продаж).
![Page 10: Разрабатываем современный сайт для бизнеса](https://reader038.fdocument.pub/reader038/viewer/2022103000/556fd556d8b42af8088b4894/html5/thumbnails/10.jpg)
Карточка товараОсновная цель: убедить покупателя, что он прав в своем выборе. Элементы:
• Название• Изображение товара• Описание товара• Цена• Информация о доступных цветах,
размерах и конфигурациях (SKU)• Наличие товара• Условия доставки
![Page 11: Разрабатываем современный сайт для бизнеса](https://reader038.fdocument.pub/reader038/viewer/2022103000/556fd556d8b42af8088b4894/html5/thumbnails/11.jpg)
Элементы карточки товара
• Самовывоз, шоурум, оффлайн-магазин
• Гарантии, обмен, возврат• Рекомендации, сопутствующие и/или
похожие товары• Отзывы покупателей о
товаре/магазине• Кнопки для покупки, быстрой
покупки, добавления в корзину, сравнения
• Кнопки для «расшаривания» в соцсетях
• Как связаться (телефон или онлайн-консультант)
![Page 12: Разрабатываем современный сайт для бизнеса](https://reader038.fdocument.pub/reader038/viewer/2022103000/556fd556d8b42af8088b4894/html5/thumbnails/12.jpg)
Расположение элементов
• Важные элементы лучше располагать там, где пользователи привыкли их видеть и называть привычно.
• Исследования показывают, что траектория взгляда посетителя интернет-страницы напоминает латинскую букву «F».
• Основное в первом экране.
![Page 13: Разрабатываем современный сайт для бизнеса](https://reader038.fdocument.pub/reader038/viewer/2022103000/556fd556d8b42af8088b4894/html5/thumbnails/13.jpg)
Цена
• Делать акцент на цене можно, когда она или совсем небольшая, или существенно ниже, чем в других местах.
• Предложение кажется очень выгодным за счет сравнения рекомендованной розничной цены с текущей стоимостью товара.
• Дополнительный аргумент – указание конкретной суммы, которую экономит покупатель.
![Page 14: Разрабатываем современный сайт для бизнеса](https://reader038.fdocument.pub/reader038/viewer/2022103000/556fd556d8b42af8088b4894/html5/thumbnails/14.jpg)
Доставка
• Лучшие магазины демонстрируют ее примерно так: «Закажите этот товар сегодня, и мы доставим его завтра к 12 часам». Если доставка еще и бесплатна – заявите об этом.
![Page 15: Разрабатываем современный сайт для бизнеса](https://reader038.fdocument.pub/reader038/viewer/2022103000/556fd556d8b42af8088b4894/html5/thumbnails/15.jpg)
Кредит
• За счет ежемесячных платежей цену можно «уменьшить»: не «120000 рублей», а «10 тысяч рублей в месяц».
• Необходимо показать, что оформление кредита не будет утомительной процедурой, не потребует куда-то ехать и долго ждать.
![Page 16: Разрабатываем современный сайт для бизнеса](https://reader038.fdocument.pub/reader038/viewer/2022103000/556fd556d8b42af8088b4894/html5/thumbnails/16.jpg)
Отзывы
• Важнейший элемент конверсии• Если вкладка с отзывами есть, а
отзывов в нет, то у посетителя может создаться впечатление, что продукт не пользуется спросом
![Page 17: Разрабатываем современный сайт для бизнеса](https://reader038.fdocument.pub/reader038/viewer/2022103000/556fd556d8b42af8088b4894/html5/thumbnails/17.jpg)
![Page 18: Разрабатываем современный сайт для бизнеса](https://reader038.fdocument.pub/reader038/viewer/2022103000/556fd556d8b42af8088b4894/html5/thumbnails/18.jpg)
Как разрабатывать сайт?
• Определить приоритеты для клиентов и бизнеса
• Разбить на поставки (спринты, этапы).
• Брать и Делать! (с) Р. Бренсон
Принцип:• MVP – minimum viable product
(дословно: минимально жизнеспособный продукт)
![Page 19: Разрабатываем современный сайт для бизнеса](https://reader038.fdocument.pub/reader038/viewer/2022103000/556fd556d8b42af8088b4894/html5/thumbnails/19.jpg)
3 ошибки разработки:
1. Концентрация на дизайне2. Концентрация на дизайне3. Концентрация на дизайне
Главное – контентПлюс немного стилистики, информационного проектирования и магии :)
![Page 20: Разрабатываем современный сайт для бизнеса](https://reader038.fdocument.pub/reader038/viewer/2022103000/556fd556d8b42af8088b4894/html5/thumbnails/20.jpg)
![Page 21: Разрабатываем современный сайт для бизнеса](https://reader038.fdocument.pub/reader038/viewer/2022103000/556fd556d8b42af8088b4894/html5/thumbnails/21.jpg)
Совет
Владельцам/директорам компаний и интернет-магазинов необходимо задаться вопросом:
«Почему я рекомендовал бы этот товар своим друзьям?»
Из ответов получаются лучшие продающие тексты.
![Page 22: Разрабатываем современный сайт для бизнеса](https://reader038.fdocument.pub/reader038/viewer/2022103000/556fd556d8b42af8088b4894/html5/thumbnails/22.jpg)
• Потребность →• Запрос в поисковой системе →• Посадочная страница
Поведение в Интернет
![Page 23: Разрабатываем современный сайт для бизнеса](https://reader038.fdocument.pub/reader038/viewer/2022103000/556fd556d8b42af8088b4894/html5/thumbnails/23.jpg)
Лестница узнавания по Ханту
![Page 24: Разрабатываем современный сайт для бизнеса](https://reader038.fdocument.pub/reader038/viewer/2022103000/556fd556d8b42af8088b4894/html5/thumbnails/24.jpg)
A-I-D-A-S• A – Attention (Внимание)• I – Interest (Интерес)• D – Desire (Желание)• A – Action (Действие)• S – Satisfaction (Удовлетворение)
Формула движения к заказу
![Page 25: Разрабатываем современный сайт для бизнеса](https://reader038.fdocument.pub/reader038/viewer/2022103000/556fd556d8b42af8088b4894/html5/thumbnails/25.jpg)
• Привлечь внимание посетителей• Заинтересовать их• Призвать к действию и перевести
посетителя на следующий шаг
Задачи посадочной страницы
![Page 26: Разрабатываем современный сайт для бизнеса](https://reader038.fdocument.pub/reader038/viewer/2022103000/556fd556d8b42af8088b4894/html5/thumbnails/26.jpg)
• Где я? • То ли это, что я ожидал увидеть? • Эта страница заслуживает
доверия? • Есть что-нибудь интересненькое? • С чего начать? • Как узнать подробнее о… • А что, если у меня еще остались
вопросы?
Основные вопросы посетителей
![Page 27: Разрабатываем современный сайт для бизнеса](https://reader038.fdocument.pub/reader038/viewer/2022103000/556fd556d8b42af8088b4894/html5/thumbnails/27.jpg)
Основные элементы лендинга
![Page 28: Разрабатываем современный сайт для бизнеса](https://reader038.fdocument.pub/reader038/viewer/2022103000/556fd556d8b42af8088b4894/html5/thumbnails/28.jpg)
1. Логотип + описание2. Заголовок3. Изображение4. Выгоды5. Призыв к действию (форма
захвата контакта или кнопка)6. Закрытие возражений
Основные элементы посадочной страницы
![Page 29: Разрабатываем современный сайт для бизнеса](https://reader038.fdocument.pub/reader038/viewer/2022103000/556fd556d8b42af8088b4894/html5/thumbnails/29.jpg)
![Page 30: Разрабатываем современный сайт для бизнеса](https://reader038.fdocument.pub/reader038/viewer/2022103000/556fd556d8b42af8088b4894/html5/thumbnails/30.jpg)
A/B-тестирование сайта
1. Эксперименты Google Analytics2. Visual Website Optimizer3. Optimizely
![Page 31: Разрабатываем современный сайт для бизнеса](https://reader038.fdocument.pub/reader038/viewer/2022103000/556fd556d8b42af8088b4894/html5/thumbnails/31.jpg)
Что тестировать?
1. Call to action2. Заголовок, слоган, описание товара3. Длина и поля форм4. Цены и скидки5. Изображения6. Объем текста
![Page 32: Разрабатываем современный сайт для бизнеса](https://reader038.fdocument.pub/reader038/viewer/2022103000/556fd556d8b42af8088b4894/html5/thumbnails/32.jpg)
Кнопка заказать
![Page 33: Разрабатываем современный сайт для бизнеса](https://reader038.fdocument.pub/reader038/viewer/2022103000/556fd556d8b42af8088b4894/html5/thumbnails/33.jpg)
Ключевой момент: CMS.
Правильная CMS является скрытой ценностью на этапе проектирования нового сайта.Запрос:У нас есть действующий сайт, но существует множество технических трудностей, эти особенности связаны в основном со структурой сайта и с его кодом. Продвигать его тяжело, не возможно самостоятельно вносить некоторые принципиальные изменения и компания-разработчик тоже не может помочь по этим вопросам, т.к. человек, который писал код ушел…
![Page 34: Разрабатываем современный сайт для бизнеса](https://reader038.fdocument.pub/reader038/viewer/2022103000/556fd556d8b42af8088b4894/html5/thumbnails/34.jpg)
TOП-5 технических проблем сайтов:• поддержка и масштабируемость• документация и неотчужденные
знания• качество внедрения (технический
долг)• зависимость от разработчика• обучение контент-менеджеров
Ключ к успеху: правильная CMS, правильный партнер по разработке, правильная методика разработки
![Page 35: Разрабатываем современный сайт для бизнеса](https://reader038.fdocument.pub/reader038/viewer/2022103000/556fd556d8b42af8088b4894/html5/thumbnails/35.jpg)
Бонус трек (о чем помним):• Брошенные корзины• Увеличение среднего чека• Персонализация• Рекомендательные системы• Работа с мобильными пользователями
(адаптивный дизайн)• Работа с системами аналитики
![Page 36: Разрабатываем современный сайт для бизнеса](https://reader038.fdocument.pub/reader038/viewer/2022103000/556fd556d8b42af8088b4894/html5/thumbnails/36.jpg)
Спасибо за внимание! Ваши вопросы?
Сайт: www.db.byE-mail: [email protected]
twitter.com/db_by fb.com/borovoystudio