1. КАК ПРАВИЛЬНО СОЗДАТЬ САЙТ
ДЛЯ БИЗНЕСА
с
(пособие для частного предпринимателя)
Татьяна Козловская
https://www.facebook.com/Kozlovskaya.Tatiana

2. ПОЧЕМУ САЙТ СДЕЛАЛИ НЕ ТАК,
КАК ВЫ ХОТЕЛИ
Вы только в процессе производства сайта начали думать о том, каким он должен быть
!
Сайт не должен БЫТЬ каким-то, он должен РЕШАТЬ ЗАДАЧИ, но всем обычно
интереснее работать с дизайнером над цветом кнопочек
!
Вы работали напрямую с программистом или дизайнером, не зная о том, что есть
отдельный человек, который умеет переводить ваши пожелания на понятный
программистам и дизайнерам язык - проджект менеджер.
!
Заметьте, ни одного пункта о том, что вам попался недобросовестный подрядчик.

3. ЭТАПЫ РАБОТЫ НАД СОЗДАНИЕМ САЙТА
Исследование Видение
проекта Проектирование Дизайн
Конкуренты
Клиенты
Рынок
Метрики
измерения
успеха сайта
Готовность
бизнеса к
интеграции в
онлайн-среду
Задачи, которые
должен решать сайт
План развития сайта
в перспективе роста
бизнеса и рынка
Сценарии
поведения
пользователей
на сайте
Описание
разделов
сайта
Дизайн
прототипа
Скетчи
интерфейса
Описание
стилей сайта
Подбор
шрифтов и
картинок
Дизайн
интерфейса
всех страниц

4. ЭТАПЫ РАБОТЫ НАД СОЗДАНИЕМ САЙТА
Исследование
Конкуренты
Клиенты
Рынок
Метрики
измерения
успеха
сайта
Готовность
бизнеса к
интеграции в
онлайн-среду
• как выглядят сайты конкурентов или компаний, которые вам нравятся?
!
• кто ваши клиенты? Попробуйте узнать среду их обитания в вебе -
пользуются ли они мобильными телефонами для выхода в интернет,
как ищут информацию о товарах и услугах, которые вы хотите им
предложить.
!
• почитайте исследования о вашем рынке. Безусловно, вы всё уже
знаете, но иногда даже один новый факт может развернуть ход
мыслей.
!
• каким образом вы будете измерять, решает ли сайт ваши задачи? Если
он должен продавать, то сколько? Какую сумму вы готовы потратить
на привлечение каждого нового клиента? Какая посещаемость должна
быть у сайта, чтобы бизнес достигал своих целей? Когда вы
установите счетчики, они будут просто показывать результаты, а то,
какие они - хорошие или плохие, должны задать вы сами.
!
• Насколько готов ваш бизнес к новому каналу коммуникации с
клиентами? Кто и что отвечает по телефону, указанному на сайте?
Рассчитали ли вы затраты, которые придется нести ежемесячно на
обслуживание сайта?

5. ЭТАПЫ РАБОТЫ НАД СОЗДАНИЕМ САЙТА
• «Я хочу премиальный сайт» - это не видение. Видение - это
когда у вас в голове сформировались все сценарии
взаимодействия клиентов с вашим бизнесом и все они нашли
отражение на сайте.
!
• Типовые задачи, которые должен решать сайт:
информирование, продажи, общение с клиентами.
!
• Вы должны понимать, что в случае, если ваши планы роста
(продаж интернет-магазина, предположим) выполняются, в
какой-то момент вы поймете, что на обслуживание сотни
клиентов требуется больше средств и усилий, чем на
обслуживние десятка. И если этот рост не учтен в системе
обработки заявок, способах оплаты, простой или убытки в
бизнесе неизбежны.
!
• Что должен делать пользователь у вас на сайте? В первый раз,
во второй, в третий? Как может вести себя постоянный
посетитель вашего сайта? Все ли полезные для вас сценарии
реализованы на сайте?
Видение
проекта
Задачи, которые
должен решать сайт
План развития сайта
в перспективе роста
бизнеса
Сценарии
поведения
пользователей
на сайте

6. ЭТАПЫ РАБОТЫ НАД СОЗДАНИЕМ САЙТА
Проектирование
UX
Описание
разделов
сайта
Дизайн
прототипа
• Есть такой термин use case - пример того, как посетитель пользуется
сайтом. Если есть возможность, сразу закажите этот блок UX -
проектировщику. UX = User eXperience - это весь набор действий,
который совершают (должны совершать) посетители вашего сайта.
Зайдите, например, в любой интернет-магазин. Попробуйте записать
пошагово все ваши действия от момента открытия главной страницы
сайта до момента покупки, в том числе такие как: «я вижу кнопку купить,
но не понимаю, где мне прочесть про условия доставки». Узнав про
чужие ошибки, проделайте тот же путь от лица посетителей вашего
сайта. И всё-таки советую обратиться к проектировщику (UX-
дизайнеру) или взять готовый шаблон сайта, в котором базовые
сценарии уже предусмотрены.
!
• Не переусердствуйте с разделами сайта. Действительно ли вам нужен
Форум, FAQ, Блог, Новости? Подумайте хорошенько над
целесообразностью каждого раздела. Кто и как часто будет заниматься
обновлением информации в них?
!
• Прототип - это схема сайта в блоках, по сути полная структура сайта.
По нему можно откорректировать расположение кнопок, текста,
картинок.

7. ЭТАПЫ РАБОТЫ НАД СОЗДАНИЕМ САЙТА
• Стили дизайна сайта (по цветовой гамме, по по восприятию, по
количеству графики, по содержимому) хорошо расписаны в схеме на
этом сайте - http://www.yanajy.com/sdelay-sam/stili-dizajna-sajtov.html.
Когда вы понятия не имеете, какой стиль выбрать, побродите по самому
большому каталогу шаблонов - http://www.templatemonster.com/ru/
!
• После того, как вы подобрали стили, нашли примеры вдохновляющих
сайтов, можете обратиться к дизайнеру. При этом желательно, чтобы
стиль его работ совпадал с тем, который вы выбрали.
!
• Правильный подбор шрифтовых стилей может сыграть немалую роль в
том, будут читать тексты на вашем сайте или нет. Если дизайнер
предложил слишком мелкий шрифт, настаивайте на укрупнении.
Правило №1 для подбора картинок: не воруйте. Покупайте их в
фотобанках.
Правило №2: соблюдайте нужный размер картинок
(маленькие расплываются, большие тормозят загрузку сайта).
Правило №3: подбирайте картинки гармонично связанные друг с другом
по цвету, по смыслу, по стилю.
!
P. S. Пользователи посещают всё больше хороших и удобных сайтов и если вы им
предложите непонятный и некрасивый сайт, они просто покинут его.
Дизайн
Описание
стилей сайта
Дизайн
интерфейса
всех страниц
Подбор
шрифтов и
картинок

8. ПОВЫШЕНИЕ ПОЛЕЗНОСТИ САЙТА
Запомните два важных пункта, которые должны быть реализованы на сайте:
!
1. Сайт должен доводить максимальное количество посетителей до совершения
необходимого для владельца сайта действия - call to action - обращения к услуге, покупки,
чтения заданного количества материалов, передачи информации другим пользователям,
повторного захода на сайт и т.п.
Для этого создаются сценарии действий пользователя:
>> клиент попал на сайт >> клиент прочел об услуге (информация должна
способствовать принятию решения) >> клиент получил варианты действий для
обращения к услуге/покупки.
Call to action - это чаще всего кнопки: «купить», «заказать услугу», «позвонить»,
«поделиться с друзьями», «подписаться» и т.п. Они должны быть заметны, исправно
работать, обеспечивать реакцию владельца бизнеса на действие пользователя.
2. Сайт должен стремиться к высоким показателям конверсии - соотношения количества
посетителей сайта, выполнивших необходимое действие к общему числу посетителей.
Если конверсия низкая, надо работать над повышением эффективности сайта.
Проблемы могут быть как с дизайном, так и с тем, что вы приводите
не целевую аудиторию.
Проверьте также показатели оптимизации вашего сайта под поисковые системы на
www.uptimus.ru

9. ВАРИАНТ СОДЕРЖАНИЯ ВИДЕНИЯ ПРОЕКТА
1. ОПИСАНИЕ ПРОЕКТА (под проектом подразумевается ваш сайт в контексте вашего бизнеса (не отдельно!))
1.1. Цель проекта 1.2. Целевая аудитория
2. АНАЛИЗ РЫНКА
2.1. Цели и задачи участников рынка
2.2. Основные конкуренты по целевой аудитории
3. БИЗНЕС-МОДЕЛЬ ПРОЕКТА
3.1. Стратегия и механизмы получения прибыли посредством сайта
3.2. Условия достижения планируемых объемов продаж
4. ОПИСАНИЕ ФУНКЦИОНАЛА СЕРВИСА (может быть различным, в зависимости от предназначения сайта)
4.1. Главная страница 4.2. Страница услуг 4.3. Личный кабинет клиентов 4.4. Каталог товаров
5. СТРАТЕГИЯ МАРКЕТИНГА
5.1. Каналы распространения информации о проекте. План продвижения
5.2. Стимулирующие мероприятия для повышения продаж товаров и услуг
5.3. Расчет затрат на продвижение и рекламу. Приложения: медиапланы, форматы коммуникации
6. ПЛАН РЕАЛИЗАЦИИ
6.1. Расчет ресурсов на реализацию сервиса 6.2. План-график реализации
6.3. ТЕХНОЛОГИЧЕСКИЕ РЕШЕНИЯ (сокращение издержек на производство)
6.4. Затраты на изготовление сайта
7. АНАЛИЗ СИЛЬНЫХ И СЛАБЫХ СТОРОН ПРОЕКТА (SWOT-АНАЛИЗ)

10. ПРИМЕР USE CASE
http://vudguit.no-ip.biz:3232/department/se/compprog/4/5.html

11. ПОДРЯДЧИКОВ ДЛЯ РАЗРАБОТКИ
САЙТА МОЖНО НАЙТИ НА САЙТАХ
WWW.FREELANCE.RU И WWW.FL.RU
с
Татьяна Козловская
https://www.facebook.com/Kozlovskaya.Tatiana