Стратегия веб-разработки
проекта «Геркулес»
Эффективные решения для достижения поставленных перед проектом целей.

Цели проекта
По итогам предварительных переговоров мы обсудили следующие актуальные цели
Высокий имидж бренда
Формирование и поддержание высокого имиджа бренда в глазах потребителей, партнеров и конкурентов
Оптимизация под SEO-продвижение
Благодаря продуманной оптимизации сайта под возможности SEO-продвижения охватить максимальный пул коммерческого и информационного спроса
Интуитивное юзабилити для всех групп ЦА
Каждая группа целевой аудитории должна найти востребованный и необходимый для нее контент
Популяризация преимуществ бренда
Возможности для активной раскрутки преимуществ бренда с помощью продвижения проекта по коммерческим и информационным запросам
Намеченные решения и стратегия
Этапы движения проекта и зачем они нужны
1
Комплексная аналитика
Анализируем Ваши бизнес-процессы, конкурентов, рынок, специфику сферы, группы целевой аудитории, коммерческий и информационный спрос в поисковых системах, данные ЯндексМетрики и GoogleAnalytics
2
SEO-проектирование
Собираем семантическое ядро из коммерческих и информационных запросов, группируем запросы и проектируем оптимальную архитектуру и функционал сайта
3
Разработка прототипов
Прототипы – это черновой чертеж будущего сайта и ТЗ для дизайнера.
Еще до стадии производства находим наиболее оптимальную архитектуру сайта и структуру интерфейсов.
4
Разработка дизайна
Создаются макеты главной и внутренних
страниц. Для адаптивной верстки помимо макетов с базовыми разрешениями 1920рх и 1000рх разрабатываются дополнительные для мобильных устройств на 768рх и 320рх.
5
Конструирование
Внутри CMS создается структура папок и сущностей с определенным набором свойств. Продуманное конструирование обеспечивает удобную работу заказчика
с административной частью сайта.
6
Верстка и программирование
После этапа дизайна верстальщик
на основе языка электронной разметки и других технологий делает
из статичных картинок страниц динамические объекты страниц.
7
Разработка текстового контента
Контент-менеджер разрабатывает текста для основных разделов сайта, товарных групп и направлений
8
Первичная поисковая оптимизация
На основе данных этапа SEO-проектирования прописываем метатеги основных разделов сайта, правильно настраиваем ЯндексМетрику, GoogleAnalytics и вебмастеры
9
А/Б-тестирование
До выкладки на домен сайт тестируется
отделом качества на предмет ошибок.
Все найденные ошибки отправляются ответственным специалистам
и менеджеру проекта, который следит
за тем, чтобы все это было исправлено.
Комплексная аналитика
Основные предварительные выводы аналитики и какие решения они диктуют
Географический охват
Спрос на Вашу продукцию
в рамках России высок, хоть и уступает, например, "Кнауф" почти в 2 раза по основным позициям.

Это может быть обусловлено тем, что нет пока ресурсов среди дистрибьюторов, хорошо подготовленных к структуре спроса групп ЦА. Среди конкурентов, кстати, тоже нет.

Геозависимый контент на сайте позволит обеспечить высокий трафик с регионов.
Коммерческий и информационный спрос
Спрос групп целевой аудитории делится на коммерческий и информационный спрос.

При этом небрендовый информационный спрос можно рассматривать основным, т.к. по коммерческим запросам не удастся подняться выше, чем сайты Ваших дистрибьюторов и дистрибьюторов конкурентов, т.к. не хватает коммерческих факторов (цены, корзины, данных об оплате и т.д.).
Основной трафик - только от брендовых запросов
Более 90% пользователей заходят на сайт по брендовым запросам, т.е. добавляя к запросу "геркулес".

Пока что нет охвата пользователей, которые ранее не знали о марке "Геркулес". Это сильно тормозит популяризацию бренда на рынке.

Поэтому необходим акцент на охвате информационных запросов с помощью разделов "Академия Геркулес", "Консультации", "Статьи" и т.д.

Необходимость индексации фильтрации
На новом сайте необходима возможность создания страниц из комбинаций фильтров.

Например, по шпатлевкам должен быть фильтр "тип отделки - финишная" и по выбранному фильтру должна открываться своя страница с ЧПУ и метатегами, заточенными под этот запрос. А есть также запросы вида, "финишная влагостойкая шпатлевка", т.е. выбрано уже 2 фильтра.

Каталог с изолированный навигацией позволит охватить всю структуру спроса.
Востребованные и невостребованные информационные блоки
Из анализа поведенческих факторов удалось выявить блоки, ссылки, на которые чаще всего нажимают

При этом небрендовый информационный спрос необходимо рассматривать основным, т.к. по коммерческим запросам не удастся подняться выше, чем сайты дистрибьюторов и всех, кто продает на сайтах Вашу продукцию.
Деление на группы ЦА внутри разделов
Из результатов комплексного анализа стало очевидны, что деление на группы ЦА должно происходить не на уровне главной страницы сайта, а внутри целевых разделов с помощью вкладок, тегов, фильтров и т.д.

Например, в разделе "Консультация" ("Вопросы-ответы") помимо деления на тематику вопросов нужно делить тегами на "От застройщиков", "От партнеров", "От домашних мастеров" и т.д. Также делить в общем разделе "Отзывы", во вкладке "Отзывы" на странице товара и т.д.
Разработка прототипов на основе аналитики
Предварительная архитектура и структура интерфейсов главной страницы вебресурса
для ТМ «Геркулес» - см. вариант 2
Ссылка на прототип главной страницы
Первый экран - качественное видео, фото или анимация
Данные решения хорошо ассоциируются у пользователей с комплексностью подхода, постоянным развитием компании, стремлением идти в ногу со временем.

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

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

Баннеры необходимо будет связать с новостной лентой, т.е. баннеры будут служить превью для самых актуальных новостей.

Применение тегов в новостной ленте на главной странице
Теги позволят, во-первых, делить контент по группам целевых аудиторий. При чем не только на крупные (застройщикам, партнерам, потребителям), но и на более мелкие ("домашним мастерам" и т.д.).

Во-вторых, теги позволят создавать любые темы новостей, структурировать и исследовать популярность тех или иных тем (на какие теги чаще всего кликают, а на какие - не обращают внимания совсем).
Боковое навигационное меню по главной странице
Меню будет отображать все блоки главной страницы. При клике на пункт меню происходит скроллинг по главной странице до соответствующего блока.

Благодаря такому решению не останется блоков главной страницы без внимания пользователя. Как показывает практика на сайтах с таким решением пользователи ведут себя активнее.

Т.е. сайт будет иметь хороший поведенческий фактор, следовательно, это повлияет на повышение рейтинга в поисковых системах.
Основные контакты компании внизу главной страницы
На действующем сайте "контакты" являются одним из самых востребованных разделов. Поместив его на главную страницу мы опять же добьемся просмотра всей главной страницы, что положительно повлияет на поведенческие факторы пользователя.
Дизайн - высокий имидж в глазах потребителей, партнеров и конкурентов
Предварительные концепт-направления для разработки дизайна вебресурса
для ТМ "Геркулес".
В основном, сайты конкурентов представляют собой
стандартные корпоративные сайты с каталогом
(многие - шаблонные решения на «1С-Битрикс»).
В большинстве своем проработки дизайна у конкурентов нет совсем.

Для позиционирования будет удачным концепт главной страницы с большими качественными фотографиями, фоновыми видео или анимациями.
Пример: главная страница для компании ОАО «КОНАР».
Другой яркий пример - проект «Калугатрансмаш» от Студии Артемия Лебедева
Важные детали для пользователя
Использовав при проектировании сайта эти не хитрые приемы, мы сможем стимулировать у пользователя более глубокое освоение материалов сайта.

1) Показать процесс
Важная информация о продукции для всех групп ЦА – по какой технологии изготавливается продукция, в чем ее преимущества и т.д.. Представление данной информации даже
в простой форме увеличит лояльность по отношению
к бренду.


Референс – ledenfab.com («Флексайтс»)
2) Много функционала - применяем минимализм
Когда много разделов и целевых действий, выделяем самое основное и показываем сразу. Остальное - в меню. Например, как на сайте ОптимумПрофи. Два раздела - в боковом меню, остальные - при клике на интуитивно понятную кнопку "все меню"

Несколько целевых действий можно спрятать в одну иконку в правом нижнем углу - к такому расположению кнопки привыкли все пользователи. (на сайте Тинькофф)


Референс 1 – ОптимумПрофи
Референс 2 - Тинькофф
3) Опыт других людей
Отзывы сотрудников, партнеров, текущих клиентов – все это формирует и увеличивает лояльность к бренду.

Референс – chpt.ru («Флексайтс»)
4) Анимация
Дозированная анимация способна придать сайту эмоций и привлечь внимание ключевым моментам,
будь это анимация самого продукта или простой кнопки для заказа обратного звонка.


Референс – Калугатрансмаш (Студия Артемия Лебедева)
5) Адаптивный дизайн
Референс – ci74.ru («Флексайтс»)
Улучшает позиции
Сайты с адаптивной версткой ранжируются поисковиками выше,
чем сайты, которые
не адаптированы
под мобильные устройства.
Увеличивает время просмотра
Увеличение нахождения
на сайте, связанное
с удобством, улучшает позиции,
так как улучшаются поведенческие факторы.
Увеличивает вероятность лида
Человеку гораздо проще нажать на номер телефона и сразу позвонить,
чем искать его на сайте,
а затем набирать заново.
Является необходимостью
Все больше людей ищут информацию с помощью мобильных устройств.
В дальнейшем этот тренд будет только усиливаться.
Перспективы партнерства с Flexites
От каких бед избавляет сотрудничество с нами и какие выгоды дает
Системный подход к решению задачи
Решаем бизнес-задачи с учетом большого количества аспектов: спрос, характеристики ЦА, характеристики продукта, УТП, конкурентная среда, современные технологии, цели Клиента на ближайшие год-два и цели Клиента через 10 лет и т.д.
Универсальность профиля компании
Все, что на стыке "Бизнес" и "Интернет" - Вы можете доверить нам. Мы разработаем не только сайт, но и также: тендерную площадку для отдела логистики, тендерную площадку для отдела закупа сырья, мобильное приложение для проекта "Академия Геркулес", фирменный стиль компании и даже оформление упаковки продукции, продвинем проект с помощью SMM и т.д.


Экономия нескольких сотен тысяч на погружении
Работая с нами по всем направлениям на стыке "Бизнес" и "Интернет", Вы сэкономите несколько сотен тысяч рублей на погружении, которое всегда должно производиться при найме каждого нового подрядчика
Бережно относимся к инвестициям
При увеличении пожеланий Клиента, возникновения "подводных камней", смены видения в ходе проекта, мы предлагаем варианты как можно уложиться в первоначально планируемый бюджет (сделать побольше типовых универсальных страниц и т.п.)
Прозрачность ценообразования и взаимодействия
Любая компания анализирует свои ресурсы и на их основе формирует стоимость проекта. Мы ведем учет своих ресурсов, чтобы Вы смогли конкретно понимать, как и на что расходуются инвестиции
Надежный бизнес-партнер - как хороший доктор
Если поменялось первоначальное видение проекта, увеличились пожелания и т.д. мы НЕ станем шантажировать Вас ранее подписанными ТЗ, актами и говорить "как Вы сказали, так мы и сделали, получите и распишитесь". Напротив, мы рекомендуем наиболее правильные пути и средства решения задач в рамках озвученного бюджета
Контакты
Всеволод Деменьшин
руководитель проектов Flexites
разработка и интернет-маркетинг

Phone: +7 951 129 74 85
E-mail: vd@flexites.org