Процесс создания сайта

На живом примере

Этапы создания сайта

Придумываем идею
Анализируем ЦА и конкурентов
Собираем обратную связь
Делаем прототип
Генерируем идеи. Создаем
структуру сайта. Согласовываем
Пишем тексты
Создаем уникальные и информативные
тексты. Делаем семантическое ядро
Делаем контент
Добавляем живые фото и видео
Вставляем иллюстрации
Создаем дизайн
Создаем макет сайта
Делаем верстку. Покупаем домен
Интегрируем
Привязываем сайт к AmoCRM, Google sheets
Telegram, E-mail, Tilda CRM, Битрикс24
Продвигаем
и оптимизируем
Оптимизируем сайт (SEO)
Привлекаем лиды
Тестируем
Проводим AB-тесты
Анализируем рекламу и лиды. Следим
за настройками рекламных кампаний

Продумываем идею

Анализируем ЦА и конкурентов

Сначала мы изучаем ЦА и сайты конкурентов, звоним и смотрим их активности
в соц. сетях, Youtube. Это важный этап, поэтому для наглядности мы собираем
таблицу с самыми сочными примерами компаний в России и за рубежом.

Проводим CustDev (глубинное интервью с клиентом)

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

Делаем прототип

Зачем мы его делаем?
Для того, чтобы перенести на схему все выгоды, которые получит пользователь, возможные возражения и наглядно увидеть все плюсы бизнеса.

Все начинается с мозгового штурма

В нашей команде 20 человек, у каждого свой взгляд на бизнес, жизненный
и профессиональный опыт. На мозговой штурм собираются
дизайнеры, копирайтеры, аналитики и маркетологи. Все вместе
мы продумываем концепцию. Именно поэтому на выходе получается продуманный user-friendly сайт.
Для кого
Здесь мы записываем, для кого
этот сайт
Разделы
Здесь генерим идеи по разделам на сайте и их порядку
Содержание
А здесь раскрываем содержание разделов
Из всех предложенных идей команда собирает единый прототип.

Анализируем поисковые запросы Yandex и Google

Зачем это делать?
Для того, чтобы понять что нужно покупателям, какие поисковые запросы самые востребованные и на их основе создаем текст для сайта.
Пример аналитики в Wordstat
А еще люди часто ищут ответы на YouTube, поэтому мы пользуемся сервисом VidIQ
Пример аналитики в VidIQ

Пишем тексты

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

В нашей команде 3 копирайтера: тексты
для сайтов, статей и ботов мы пишем сами.
Прототип
Внутренние комментарии
Комментарии клиента

Контент

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

Создаем дизайн

Мозговой штурм

Над проектом одновременно работают несколько специалистов с разным видением. Менеджер проекта, web-дизайнеры и маркетологи генерируют креативные идеи, которые добавляют в минималистичный дизайн
живости и объема.

Минимализм

Эстетика и мода - это круто, но еще круче, когда визуал продает, поэтому
мы упрощаем контент и подбираем информативные реалистичные фото.

Доказательность

Клиенты, которые заходят на сайт - это такие же люди, как мы и вы.
Никому не интересно читать неинформативные тексты и наблюдать бессмысленные картинки.
Мы стараемся использовать живые примеры работ наших клиентов и интересные фотографии "с поля".
Например, это могут быть скриншоты программ или CRM-системы, где видно, как с помощью нее потребитель зарабатывает много денег.

Mobile first

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

Верстка сайта

Мы не хотим, чтобы клиент оказался зависим от нас, как от разработчиков, поэтому работаем на конструкторе сайтов. В основном, собираем на Tilda.

Плюсы:
  • Вы можете сами управлять контентом,
  • Настраивать Яндекс или Гугл метрику, менять HTML-код при необходимости,
  • Интуитивно понятный интерфейс.

Тесты

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

Домен

Не хотите возиться с доменом и хостингом? Окей, мы всё подберем за вас. Подключение входит в услугу.

Интеграция

Итак, сайт готов, теперь нужно сделать так, чтобы заявки попадали
в вашу CRM-систему.
Мы настроим интеграцию заявок в AmoCRM, Google Sheets, Telegram, E-mail, Tilda CRM, Битрикс24 - в общем, куда вы захотите.

Сайт сдали: что дальше?

Скриншот с видео-инструкции, как пользоваться сайтом самостоятельно.
Мы все подробно объясняем перед тем, как полностью передать работу клиенту.

Оптимизируем

Делаем первичную SEO-настройку: атрибуты Alt и Title, метатеги и тексты, релевантные поисковым запросам.

Продвигаем

Работаем как в социальных сетях (*****, *******, ВК), так и в поисковых системах (Google: КМС- контекстно-медийная сеть,
Яндекс: РС-рекламная сеть).

Тестируем

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

Аналитика

В долгосрочной работе настройка сайта происходит непрерывно. Работаем с аналитикой, реагируем на изменения, улучшаем сайт.

  • Яндекс Метрика
  • Google Analytics
  • Вебвизор

Повторяем пройденное

Итак, резюмируем: в начале мы собираем обратную связь, генерируем идеи, создаем уникальный контент и дизайн. Тестируем. Запускаем сайт и трафик. Анализируем и улучшаем сайт. И в конце радуемся результату :)

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

Приходите к нам еще!
Made on
Tilda