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

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

В статье я, на уровне новичка, покажу вам один из способов, как правильно подойти к созданию сайта, чтобы получить первый трафик и результаты. Мы сделаем с вами MVP версию. Различными сложными терминами я оперировать не буду, подойдем к вопросу максимально просто.

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

Я это делаю с помощью сервиса https://wordstat.yandex.ru/. Вводим в поисковую строку ключевое слово — «психолог» и изучаем результаты.

После этого мне нужно определить и согласовать с клиентом основное ключевое слово или группу слов.

Для этого я использую программу Key Collector. Мне она помогает найти самые частые релевантные запросы в поисковиках, приносящие основной трафик.

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

  • Психолог онлайн.
  • Психолог онлайн бесплатно.
  • Консультация психолога онлайн.

Эти запросы собирают самый большой трафик и они являются коммерческим (их можно хорошо монетизировать).

С основными запросами определились. Теперь проанализируем конкурентов.

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

Заходим в поисковик, вводим наши запросы и изучаем результаты. Не забываем сверху выставить свой регион, в моём случае это Москва. Пользователи могут искать психолога в оффлайне и вам нужно анализировать поисковую выдачу своего региона.

Рекламные блоки я пропускаю и смотрю всё что ниже (без плашки «реклама», «Яндекс» и так далее).

Обычно я беру первую десятку проектов, у меня они такие:

  • psypsy.online
  • psychologi.online/psikholog/
  • psyhologram.ru/
  • www.psysovet.ru/
  • brainbild.com/
  • www.b17.ru/forum/
  • lifehacker.ru/online-psyhcologies/
  • journal.tinkoff.ru/short/find-psycho/
  • ivanvdovin.ru.

Давайте теперь внимательно посмотрим на каждый из них.

lifehacker и journal.tinkoff.ru можно сразу вычеркнуть — это информационные проекты, широкой направленности. b17.ru — мне так же не интересен, это форумный агрегатор. psychologi.online, psyhologram.ru, psysovet.ru и brainbild.com тоже убираю — это агрегаторы.

Конечно, если вы намерены делать агрегатор для психологов, то нужно быть готовым к тому что, такой проект потребует огромное количество времени времени и денег на его создание и продвижение. Примерные цифры: дизайн — около 150 тыс. рублей (удаленная одноразовая работа), разработка от 450 тыс. (Laravel, Битрикс или фреймворки), программирование системы парсинга контента (информации о специалистах), наполнение, обработка — всё это выйдет весьма недешево. Так же еще стоит учитывать траты на рекламу и продвижение, которых никогда не бывает достаточно. Такие проекты монетизируются обычно рекламой от Яндекса и Google + встроенными внутренними партнерскими программами (платные места, заявки психологам и так далее). При правильном подходе окупается достаточно быстро, при неправильном — можно потерять много времени и денег.

Цены и всё что я привел выше могут быть примерными, как в плюс, так и в минус. Это субъективная точка зрения.

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

Трафик наших будущих конкурентов

И так, давайте разберем трафик наших будущих конкурентов, делаю это в сервисе https://www.similarweb.com/. Сервис условно бесплатный. Начального функционала нам вполне хватит.

Для проекта — psypsy.online данных не хватило. Идем в сервис https://serpstat.com/ru/

В выпадающим списке я выбираю Яндекс/Москва.

Меня интересует график — Динамика трафика. Я обратил внимание, что динамика началась с января 2020 года.

После этого я проверяю дату регистрации в https://www.reg.ru/

Домен зарегистрирован в конце ноября 2019 года, молодой проект, наблюдается рост трафика и по интересным запросам мы его видим в ТОП-е — это хорошо.

Посмотрим ещё один проект — ivanvdovin.ru.

На графике примерные данные за месяц.

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

Дата регистрации 2019 год, тоже достаточно молодой проект.

Из полученных данных мы видим, что два проекта достаточно молодые. Один проект — это чистая коммерция (компания), второй проект — это личный блог.

Выбор CMS

psypsy.online — сделан на Tilda.

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

ivanvdovin.ru — сделан на WordPress, информацию я получил из кода. По стоимости разработки в данном случае ситуация аналогичная с Тильдой.

Проектируем сайт

Для проектирования я использую — https://app.diagrams.net/. В нем я обрисовываю нужные мне элементы и страницы, которые я хотел бы видеть. Беру для MVP версии страницы конкурентов.

Примерно у меня получается вот такая заготовка (на скорую руку). Вы это делаете для себя, чтобы понимать, чего вы хотите от проекта. После в ТЗ разработчикам вы сможете указать, какие элементы у вас должны быть и где расположены.

Вы можете использовать и другие инструменты: обычный листок и ручку.

Дизайн (UX и UI)

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

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

Это вид сверху всех ваших страниц, они подписаны, вы можете быстро редактировать и вносить правки с комментариями.

Самое главное, вы должны всегда помнить, что проект вы делаете для людей.

Верстка и разработка

Основные правила для верстки: она должна быть адаптивная под все устройства и без ошибок. Ошибки вы можете проверить с помощью сервиса https://validator.w3.org/.

Вбиваете в строку каждую страницу и проверяете. На начальном этапе (когда у вас нет рабочего сайта), вы можете загрузить html файла в сервис и проверить его. Чем меньше ошибок, тем лучше.

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

По разработке всё сложнее, для вас самое главное, чтобы все ваши элементы работали исправно, код был оптимизирован, сайт работал быстро на всех устройствах. Проверяйте ваш сайт в сервисе — https://developers.google.com/speed/pagespeed/insights/?hl=RU, он позволит вам узнать, насколько всё у вас хорошо.

Хочу предупредить заранее, что если вы делаете проект на WordPress, то шаблон нужно купить лицензированный, все модули должны быть платными. В будущем у вас не возникнет вопросов с безопасностью (взлом, брут и другие способы навредить вашему проекту).

SEO

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

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

На старте не забываем установить: Яндекс метрику, Яндекс вебмастер, Google Analytics, Google Webmaster. Всё это попросите установить разработчика, ничего сложного там нет.

Обычный статейник (как у ivanvdovin.ru), может дать вам вот такие результаты по бесплатному трафику.

Домен и хостинг

По домену, если вы частный специалист, я бы посоветовал зарегистрировать свой бренд (как ivanvdovin.ru) и продвигать себя. Если вы компания или агрегатор, то используйте приставки в домен с основным ключевым словом.

Свои сайты я размещаю на https://beget.com/ru. Быстрая поддержка, адекватные цены (сайт можно захостить за ~ 100 рублей в месяц), всё работает быстро и без тормозов.

Аналитика

Очень важно на старте установить себе Яндекс метрику и Google Analytics. Данные инструменты смогут вам помочь в анализе вашей аудитории, узнать какой контент им заходит, а какой нет.

Это одни из важных показателей. Более подробно, вы сможете почитать о них в справках — https://yandex.ru/support/metrica/.

Монетизация

psypsy.online монетизируется за счет внутреннего сервиса. Работаю по системе подписок.

ivanvdovin.ru монетизируется за счет личных услуг, книг и донатов.

Помимо этих вариантов, вы можете зарабатывать на своем проекте с помощью: Google Adsense, Рекламной сети Яндекса и CPA-партнерок.

Стоимость

Всё зависит от того, к кому вы решили обратиться за помощью — к фрилансерам, или студии. Повторюсь, обращение в опытную студию заставит вас выложить более высокую сумму на старте, но избавит вас от многих рисков, головных болей, и в будущем от трат на переделку проекта. Если говорить о каких-то конкретных суммах, то сайт с уникальным дизайном:

  • Tilda — от 110 000 рублей;
  • WordPress — от 160 000 рублей.

Цены разумеется варьируются от региона и уровня исполнителей, я называю средние цифры «по больнице».

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