1
2
ПРОЕКТИРОВАНИЕ
ЭТАПЫ ПРОЕКТИРОВАНИЯ

4
БРИФИНГ

5
ПЕРЕД ПРОЕКТИРОВАНИЕМ

ДЛЯ ЧЕГО?

ДЛЯ КОГО?

В КАКИХ
УСЛОВИЯХ?

Какие задачи клиента
должен решить сайт?

Кто будет приходить
на сайт?

Какие есть
альтернативы?

Что измениться, когда
изменится (появится)
сайт?

Зачем они приходят
на сайт?

К чему привыкли
пользователи?

Что ОНИ хотят
получить от этого?

Есть ли формальные
ограничения?

6
ЭКСПРЕСС БРИФОВАНИЕ

7
ЦЕЛИ
9
10
НАПРИМЕР

ОСНОВНЫЕ ЦЕЛИ

11
12
ДЛЯ ЧЕГО? – ЦЕЛИ И
ЗАДАЧИ. В ЧЕМ РАЗНИЦА?

13
АНАЛИЗ ТРЕБОВАНИЙ

14
СПИСОК ТРЕБОВАНИЙ К
ПРОЕКТУ
Группа ЦА

Инвесторы,
акционеры

Потребности
аудитории

Задачи бизнеса

Требования к
проекту

Ключевые показатели,
Финансовые отчеты,
Сводка о компании,
Информация об отрасли
и места компании в ней

Ключевые факты,
Финансовые показатели,
География деятельности,
Инвестиционные проекты,
Брошюра о компании

1) Отчетность
2) Ключевые показатели
3) Презентации
4) Раскрытие информации

Новости, Пресс-релизы,
Медиа материалы (фото,
видео), Подписка на
рассылку

Новости, Информация о
компании, Подписка на
рассылку, Библиотека
материалов, Устойчивое
развитие, Брошюра о
компании

1) Новости
2) Фото и видеоматериалы
3) Подписка на рассылку
4) Презентации компании

Потребители

Виды продукции, Цены на
продукцию, Контакты

Производственный процесс,
Качество продукции,
Предприятия, Логистика

1) Описание продукции
2) Стоимость
3) Контакты для связи

Соискатели

Вакансии, Условия
работы, Обучение и
развитие, Социальное
обеспечение, Отправить
резюме

Кадровая политика,
Социальный пакет,
Преимущества, Развитие,
Видео сотрудников, Контакты

1) Вакансии
2) Преимущества работы
3) Контакты

Журналисты

15
ПРОЕКТИРУЕМ ДЕРЕВО
РАЗДЕЛОВ
Наиболее
приоритетные
требования

Раздел 1
Раздел 2

Ключевые разделы,
верхний уровень

Раздел 3
Раздел 4
Раздел 5
Менее
приоритетные
требования

Раздел 6
…

Второстепенные
разделы

Раздел N

16
ПОГРУЖЕНИЕ В
ПРЕДМЕТНУЮ ОБЛАСТЬ

17
СТРУКТУРА САЙТА

18
РЕЗУЛЬТАТ

19
АУДИТОРИЯ
ДЛЯ КОГО?
Потребности конкретных
людей

21
ДЛЯ КОГО?

22
НАПРИМЕР

23
ЦЕЛИ И ЗАДАЧИ
УВЕЛИЧЕНИЕ КОНВЕРСИИ ПОСЕЩЕНИЙ
САЙТА В ОБРАЩЕНИЯ
В КОМПАНИЮ
ОТРАЖЕНИЕ ПОЗИЦИОНИРОВАНИЯ
КОМПАНИИ И ФОРМИРОВАНИЕ НОВОГО
ОБРАЗА БРЕНДА
• Подчеркнуть и разделить основные решения и виды деятельности
компании ;
• Сформировать у посетителя понимание того, что его потребности, какими
бы сложными они ни были, будут эффективно удовлетворены компанией;
• Сформировать у потенциальных клиентов естественную потребность в
контакте с компанией и предоставить им возможности для этого;
• Акцентировать экспертный подход компании к решению запросов клиентов;
• Подчеркнуть персональное отношение к клиентам.
24
АУДИТОРИЯ

Малый и средний бизнес
IT директора. Начальники
технических отделов

SOHO
Директор. Заместитель
директора

Застройщики, девелоперы,
управляющие компании
25
ИССЛЕДУЕМ

26
ВЫЯСНЯЕМ

Я не хочу ничего
Я не хочу ничего
решать!
решать!
Я хочу масштабный
Я хочу масштабный
коллокейшн!
коллокейшн!

27
ФОРМУЛИРУЕМ
Мгновенно понять, занимается ли
компания требуемым
направлением

Быстро получить информацию о
конкретной услуге

Оценить надежность и уровень
услуги

28
ДЛЯ КОГО? – ЗАЧЕМ ВСЕ
ЭТО КОНКРЕТНЫМ ЛЮДЯМ?
Сайт как средство коммуникации с клиентом
Потребность клиента: быстро
получить информацию по
услуге.
Навигационное решение:
один клик до описания услуги.
Уход от традиционной схемы
«иерархическое дерево
разделов».

29
РЕШЕНИЕ

30
РЕШЕНИЕ

31
АКЦЕНТ НА КЛЮЧЕВОЙ
АУДИТОРИИ
Ключевая аудитория – инвесторы, журналисты

32
АКЦЕНТ НА КЛЮЧЕВОЙ
АУДИТОРИИ
Ключевая аудитория – инвесторы, журналисты

33
АКЦЕНТ НА КЛЮЧЕВОЙ
АУДИТОРИИ
Ключевая аудитория – покупатели

34
АКЦЕНТ НА КЛЮЧЕВОЙ
АУДИТОРИИ
Ключевая аудитория – покупатели

35
АКЦЕНТ НА КЛЮЧЕВОЙ
АУДИТОРИИ
Ключевая аудитория – инженеры, технологи,
проектировщики

36
АКЦЕНТ НА КЛЮЧЕВОЙ
АУДИТОРИИ
Ключевая аудитория – инженеры, технологи,
проектировщики

37
ТЕЛЕКОНТЕКСТ
ЦЕЛЬ: Привлечение внимания к переходу
России на ЦЭТВ в 2015-м году
ЗАДАЧА: Формирование потока
познавательного контента для
поддержания диалога с ЦА
АУДИТОРИЯ: Две группы:
1)Любознательные пользователи;
2)Профессиональное сообщество.
38
СТРУКТУРА РЕСУРСА
Инкрементный
поиск

Словарь

СТАТЬЯ

Персоны

Технологии

Продукты

Дикторы

Телевизоры

Передачи

Ведущие

Вышки

Каналы

Продюсеры

Камеры

Реклама
39
40
ЕДИНИЦА ИНФОРМАЦИИ

41
СПОСОБЫ ДОСТУПА К
ИНФОРМАЦИИ

42
ГЛОБАЛЬНАЯ И
ЛОКАЛЬНАЯ НАВИГАЦИЯ

43
ГЛОБАЛЬНАЯ И
ЛОКАЛЬНАЯ НАВИГАЦИЯ
главное
меню

меню
раздела

хлебные
крошки

44
ГЛАВНАЯ СТРАНИЦА
САЙТА
инвесторам,
потребителям,
партнерам

инвесторам
и клиентам

45
КАРТА САЙТА И ИНДЕКС
САЙТА

46
ПОИСК ПО САЙТУ
• по категориям (новости, продукты, …)
• по форматам (PDF, JPG, …)
• сортировка по дате

47
КОНТЕКСТНАЯ НАВИГАЦИЯ
модель содержимого
логические связи между типами информации

48
КОНТЕКСТНАЯ НАВИГАЦИЯ

В ролях: Джонни Депп

49
ОКРУЖЕНИЕ
СРЕДА ПРОЕКТА

51
КОНКУРЕНТНЫЙ АНАЛИЗ

52
НАПРИМЕР
ЦЕЛИ и ЗАДАЧИ
– Формирование имиджа компании как лидера отрасли
производства комплексных удобрений и апатитового концентрата
– Демонстрация основных преимуществ компании,
позволяющая потенциальному инвестору быстро принять
решение о вложении своих средств
– Разъяснение важной роли и перспектив производимого
продукта в промышленности и сельском хозяйстве
– Создание удобного и технологичного инструментария для
инвесторов, аналитиков, представителей СМИ и других
посетителей сайта
53
ВЗГЛЯД ВОКРУГ

54
Они клоны???

55
ЧЕРЕЗ ПРИЗМУ АУДИТОРИИ
Аналитики – профиль ЦА
1. УЗКАЯ СПЕЦИАЛИЗАЦИЯ на отрасли или сегменте
отрасли. Зачастую, аналитик занимается ограниченным
числом компаний продолжительное время.
2. ОБШИРНЫЙ ОПЫТ и ГЛУБОКИЕ ЗНАНИЯ по
предмету анализа. Аналитик почти никогда не нуждается
в дополнительной информации по базовым реалиям
отрасли – она либо уже у него есть, либо не имеет для
него значения.
3. Приверженность более ТРАДИЦИОННЫМ МЕТОДАМ в
своей профессиональной деятельности. Предпочтение
отдается хорошо себя зарекомендовавшим, проверенным
инструментам с обширным функционалом.

56
ЧЕРЕЗ ПРИЗМУ АУДИТОРИИ
Индивидуальность корпоративного
сайта = набор сервисов и
инструментов.

57
ИНДИВИДУАЛЬНОСТЬ
КОРПОРАТИВНОГО САЙТА

Цели

Контекст

Материалы

58
ИНДИВИДУАЛЬНОСТЬ
КОРПОРАТИВНОГО САЙТА
Ключевая аудитория – инвесторы

59
ИНДИВИДУАЛЬНОСТЬ
КОРПОРАТИВНОГО САЙТА

60
ИНДИВИДУАЛЬНОСТЬ
КОРПОРАТИВНОГО САЙТА
Паттерны проектирования

Но… все меняется!
61
МЕНЯЮЩАЯСЯ СРЕДА
Цели и задачи
Привлечение новых клиентов – увеличение конверсии
посетителей сайта. Увеличение вероятности совершения
ими определенных действий – ожидаемый сценарий
поведения
Улучшение «User experience». Увеличение удобства и
функциональности сайтов для клиентов. Увеличение числа
обращений к сайту и ожидаемых действий
Формирование образа «Автомира», как современной
компании. Закрепление через визуальный ряд и
функционал образа лидера рынка
62
ПРИВЫЧНЫЕ РЕШЕНИЯ

Сложные элементы –
Сложные элементы –
статичная планировка
статичная планировка

Ограничения неглубокой
Ограничения неглубокой
структуры
структуры

63
ИЗМЕНЕНИЯ ВОКРУГ

64
РЕШЕНИЕ

65
РЕАЛИЗАЦИЯ

66
ИНТЕРФЕЙС
ПОЛЬЗОВАТЕЛЯ

67
ПРОТОТИП СТРАНИЦЫ
САЙТА

68
ПРОТОТИП СТРАНИЦЫ
САЙТА
Обязательные блоки

Потребность
пользователя

Сопутствующие
блоки

69
ПРОТОТИП –
ЗАДАНИЕ НА ДИЗАЙН

70
ПРОТОТИП –
ЗАДАНИЕ НА ДИЗАЙН

71
НАЗНАЧЕНИЕ ПРОТОТИПА

72
ИНТЕРФЕЙС СЕРВИСА

73
ИНТЕРФЕЙС СЕРВИСА

74
ПРОЕКТИРОВАНИЕ
ИТЕРФЕЙСА

75
ПРОЕКТИРОВАНИЕ
ИТЕРФЕЙСА

76
ПРОЕКТИРОВАНИЕ
ИТЕРФЕЙСА

77
ПРОЕКТИРОВАНИЕ
ИТЕРФЕЙСА

78
ПРОЕКТИРОВАНИЕ
ИТЕРФЕЙСА

79
СТРАТЕГИЯ
ПРЕДСТАВЛЕНИЯ
КОНТЕНТА

80
СТРАТЕГИЯ КОНТЕНТА
Представление содержимого на сайте

81
СТРАТЕГИЯ КОНТЕНТА
Представление содержимого на сайте

82
ТЕХНИЧЕСКОЕ
ПРОЕКТИРОВАНИЕ

83
ДЕТАЛИЗАЦИЯ
ТРЕБОВАНИЙ К ПРОЕКТУ

детальная структура сайта
техническое задание

Как должно быть реализовано каждое требование на сайте?

84
НЕСКОЛЬКО
РЕКОМЕНДАЦИЙ
•
•
•
•
•
•
•
•
•

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

85
ЭКСПРЕСС
ПРОЕКТИРОВАНИЕ

86
ЕСТЬ ВОПРОСЫ? ДАВАЙТЕ
ОБСУДИМ!

?

?

?
87
СПАСИБО ЗА
ВНИМАНИЕ!

88

Брифование и проектирование. Важность предварительных этапов

Editor's Notes

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