КАК ПРАВИЛЬНО СОЗДАТЬ САЙТ ДЛЯ БИЗНЕСА

(пособие для частного предпринимателя)

Татьяна Козловская https://www.facebook.com/Kozlovskaya.Tatiana

с

ПОЧЕМУ САЙТ СДЕЛАЛИ НЕ ТАК, КАК ВЫ ХОТЕЛИ

Вы только в процессе производства сайта начали думать о том, каким он должен быть !Сайт не должен БЫТЬ каким-то, он должен РЕШАТЬ ЗАДАЧИ, но всем обычно интереснее работать с дизайнером над цветом кнопочек

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

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

Исследование Видение проекта

Проектирование Дизайн

Рынок

Конкуренты

Клиенты

Метрики измерения успеха сайта

Готовность бизнеса к интеграции в онлайн-среду

Сценарии поведения пользователей на сайте

План развития сайта в перспективе роста бизнеса и рынка

Задачи, которые должен решать сайт

Описание разделов сайта

Дизайн прототипа

Скетчи интерфейса

Описание стилей сайта

Подбор шрифтов и картинок

Дизайн интерфейса всех страниц

ЭТАПЫ РАБОТЫ НАД СОЗДАНИЕМ САЙТА

Исследование

Рынок

Конкуренты

Клиенты

Метрики измерения успеха сайта

Готовность бизнеса к интеграции в онлайн-среду

ЭТАПЫ РАБОТЫ НАД СОЗДАНИЕМ САЙТА

• как выглядят сайты конкурентов или компаний, которые вам нравятся? !• кто ваши клиенты? Попробуйте узнать среду их обитания в вебе - пользуются ли они мобильными телефонами для выхода в интернет, как ищут информацию о товарах и услугах, которые вы хотите им предложить.

!• почитайте исследования о вашем рынке. Безусловно, вы всё уже знаете, но иногда даже один новый факт может развернуть ход мыслей.

!• каким образом вы будете измерять, решает ли сайт ваши задачи? Если он должен продавать, то сколько? Какую сумму вы готовы потратить на привлечение каждого нового клиента? Какая посещаемость должна быть у сайта, чтобы бизнес достигал своих целей? Когда вы установите счетчики, они будут просто показывать результаты, а то, какие они - хорошие или плохие, должны задать вы сами.

!• Насколько готов ваш бизнес к новому каналу коммуникации с клиентами? Кто и что отвечает по телефону, указанному на сайте? Рассчитали ли вы затраты, которые придется нести ежемесячно на обслуживание сайта?

ЭТАПЫ РАБОТЫ НАД СОЗДАНИЕМ САЙТА

• «Я хочу премиальный сайт» - это не видение. Видение - это когда у вас в голове сформировались все сценарии взаимодействия клиентов с вашим бизнесом и все они нашли отражение на сайте.

!• Типовые задачи, которые должен решать сайт: информирование, продажи, общение с клиентами.

!• Вы должны понимать, что в случае, если ваши планы роста

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

!• Что должен делать пользователь у вас на сайте? В первый раз, во второй, в третий? Как может вести себя постоянный посетитель вашего сайта? Все ли полезные для вас сценарии реализованы на сайте?

Видение проекта

Сценарии поведения пользователей на сайте

План развития сайта в перспективе роста бизнеса

Задачи, которые должен решать сайт

ЭТАПЫ РАБОТЫ НАД СОЗДАНИЕМ САЙТА

Проектирование

UX Описание разделов сайта

Дизайн прототипа

• Есть такой термин use case - пример того, как посетитель пользуется сайтом. Если есть возможность, сразу закажите этот блок UX - проектировщику. UX = User eXperience - это весь набор действий, который совершают (должны совершать) посетители вашего сайта. Зайдите, например, в любой интернет-магазин. Попробуйте записать пошагово все ваши действия от момента открытия главной страницы сайта до момента покупки, в том числе такие как: «я вижу кнопку купить, но не понимаю, где мне прочесть про условия доставки». Узнав про чужие ошибки, проделайте тот же путь от лица посетителей вашего сайта. И всё-таки советую обратиться к проектировщику (UX-дизайнеру) или взять готовый шаблон сайта, в котором базовые сценарии уже предусмотрены.

!• Не переусердствуйте с разделами сайта. Действительно ли вам нужен Форум, FAQ, Блог, Новости? Подумайте хорошенько над целесообразностью каждого раздела. Кто и как часто будет заниматься обновлением информации в них?

!• Прототип - это схема сайта в блоках, по сути полная структура сайта. По нему можно откорректировать расположение кнопок, текста, картинок.

ЭТАПЫ РАБОТЫ НАД СОЗДАНИЕМ САЙТА

• Стили дизайна сайта (по цветовой гамме, по по восприятию, по количеству графики, по содержимому) хорошо расписаны в схеме на этом сайте - http://www.yanajy.com/sdelay-sam/stili-dizajna-sajtov.html. Когда вы понятия не имеете, какой стиль выбрать, побродите по самому большому каталогу шаблонов - http://www.templatemonster.com/ru/

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

!• Правильный подбор шрифтовых стилей может сыграть немалую роль в том, будут читать тексты на вашем сайте или нет. Если дизайнер предложил слишком мелкий шрифт, настаивайте на укрупнении.

Правило №1 для подбора картинок: не воруйте. Покупайте их в фотобанках. Правило №2: соблюдайте нужный размер картинок (маленькие расплываются, большие тормозят загрузку сайта). Правило №3: подбирайте картинки гармонично связанные друг с другом по цвету, по смыслу, по стилю. !P. S. Пользователи посещают всё больше хороших и удобных сайтов и если вы им предложите непонятный и некрасивый сайт, они просто покинут его.

Дизайн

Описание стилей сайта

Подбор шрифтов и картинок

Дизайн интерфейса всех страниц

ПОВЫШЕНИЕ ПОЛЕЗНОСТИ САЙТАЗапомните два важных пункта, которые должны быть реализованы на сайте:

!1. Сайт должен доводить максимальное количество посетителей до совершения необходимого для владельца сайта действия - call to action - обращения к услуге, покупки, чтения заданного количества материалов, передачи информации другим пользователям,

повторного захода на сайт и т.п. Для этого создаются сценарии действий пользователя:

>> клиент попал на сайт >> клиент прочел об услуге (информация должна способствовать принятию решения) >> клиент получил варианты действий для

обращения к услуге/покупки. Call to action - это чаще всего кнопки: «купить», «заказать услугу», «позвонить»,

«поделиться с друзьями», «подписаться» и т.п. Они должны быть заметны, исправно работать, обеспечивать реакцию владельца бизнеса на действие пользователя.

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

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

не целевую аудиторию.

Проверьте также показатели оптимизации вашего сайта под поисковые системы на www.uptimus.ru

ВАРИАНТ СОДЕРЖАНИЯ ВИДЕНИЯ ПРОЕКТА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-АНАЛИЗ)

ПРИМЕР USE CASE

http://vudguit.no-ip.biz:3232/department/se/compprog/4/5.html

ПОДРЯДЧИКОВ ДЛЯ РАЗРАБОТКИ САЙТА МОЖНО НАЙТИ НА САЙТАХ WWW.FREELANCE.RU И WWW.FL.RU

с

Татьяна Козловская https://www.facebook.com/Kozlovskaya.Tatiana