Друзья, сегодня нам предстоит с вами разобрать создание сайта совместных покупок. Мы выявим основные запросы пользователей, которых интересует данная тема. Также подробно разберем деятельность конкурентов. Я поделюсь нужными ссылками и материалами, которые помогут самостоятельно разбираться в создании сайтов. Расскажу о необходимых затратах на пути реализации проекта, обсудим дизайн и верстку. Не будем терять ни минуты и приступим к делу.

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

Подбираем запросы наших пользователей

Для этого я воспользуюсь сервисом https://wordstat.yandex.ru/. В поисковую строку вбиваем основной запрос — совместные покупки.

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

После сбора слов мы видим, что в каждом городе есть своё представительство.

Я возьму основное слово — совместные покупки и посмотрю какие проекты представлены в Москве.

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

Захожу в Яндекс, ввожу основной запрос — совместные покупки и анализирую полученные результаты. Не забывайте выбрать свой регион перед анализом.

Сайты в выдаче с плашками рекламы и сервисы Яндекса я пропускаю.

Давайте рассмотрим сайты на первой странице:

  • sptovarov.ru/
  • sitepokupok.ru/moscow
  • www.100sp.ru/moscow
  • sp.babyblog.ru/moscow
  • vk.com/moskva_sovmestnye_pokupki
  • spaf-mega.ru/
  • spmaniya.ru/sovmestnye-pokupki-moskva/
  • journal.tinkoff.ru/sovmestno/
  • www.delaempokupki.ru/?city=1

Из полученного списка я уберу: sptovarov.ru (форум), vk.com/moskva_sovmestnye_pokupki (сообщество в вк), journal.tinkoff.ru/sovmestno/ (информационная статья), sp.babyblog.ru/moscow — большой информационный портал. Остальные сервисы рассмотрим более подробно.

Давайте проанализируем трафик и возраст наших будущих конкурентов.

Анализ трафика

Теперь приступим к анализу трафика. Делаем это в сервисе — https://serpstat.com/ru/ (он условно бесплатный). Бесплатного функционала нам вполне хватит.

Не забывайте выставить нужную поисковую систему и регион (я выбрал Яндекс/Москва).

Проект sitepokupok.ru — около 1000-2000 пользователей в день из Москвы.

Проекту 10 лет.

Проект 100sp.ru. Тоже около 1000-2000 пользователей в день. Стабильная динамика.

Проекту 12 лет.

Проект spaf-mega.ru. Около 1000 пользователей в день из Москвы.

Проекту 10 лет.

Проект spmaniya.ru. Около 200-500 пользователей в день. Падающая динамика.

Проекту 2 года.

Проект delaempokupki.ru, 200-500 пользователей в день из Москвы.

Проекту 6 лет.

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

Выбор CMS

sitepokupok.ru — не удалось определить CMS, скорее всего самописная система.

100sp.ru — не удалось определить.

spaf-mega.ru — не удалось определить.

spmaniya.ru — WordPress.

delaempokupki.ru — не удалось определить.

Так как наши проекты больше каталожный вариант, то для выбора CMS можно взять: Bitrix, Shop-Scripts, Laravel. По стоимости разберем ниже.

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

Для проектирования я пользуюсь https://app.diagrams.net/, вы можете использовать другие системы. Она мне позволяет понять, что я хочу от проекта и какие страницы мне нужны.

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

1 минута и мы получаем вот такой результат.

Какие нужны страницы для сайта

  • Главная страница — https://sitepokupok.ru/. На неё размещает популярные категории, популярные закупки, выбор города для СП.
  • Страница категории — https://sitepokupok.ru/stock.
  • Карточка СП — https://sitepokupok.ru/stock?id=185833.
  • Личный кабинет.
  • Форум — https://sitepokupok.ru/forum.
  • FAQ — https://sitepokupok.ru/faq.
  • Страница о заказе — https://sitepokupok.ru/how-to-order.
  • Способы оплаты — https://sitepokupok.ru/how-to-pay.
  • Доставка — https://sitepokupok.ru/kak-poluchit-tovar.
  • Правила сайта — https://sitepokupok.ru/help?id=18.
  • Пользовательское — https://sitepokupok.ru/help?id=39.
  • О сервисе — https://sitepokupok.ru/about.

Дизайн (UX и UI)

Как только мы составили план проекта, сразу подключаем дизайнера. Безусловно, лучше найти опытного человека с хорошим вкусом. Так как визуальная составляющая — это первое, на что обращает внимание посетитель сайта. Если он создан не удобно и безвкусно, человек и 30 секунд не продержится на странице и сразу выйдет. Итак, дизайн должен быть качественным, современным и самое главное — комфортным. Не стоит забывать и про мобильную версию, над ней тоже надо работать!
Обычно мои дизайнеры работают в Figma. Это простая программа, так как клиент может спокойно просматривать макеты и по ходу писать свои пожелания. Давайте рассмотрим на примере.

Все страницы аккуратно скомпонованы и подписаны.

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

По верстке всё просто, она должна быть адаптивная и без ошибок. На ошибки вы её можете проверить в сервисе https://validator.w3.org/.

Вбиваете в сервис каждую страницу и проверяете. Если проекта у вас нет, а только HTML документы, загружаете их отдельно и проверяете.

Адаптацию проверяйте в браузере и на своем мобильном устройстве.

После разработки, проверяйте все элементы (кнопки, текст, изображения), чтобы они работали правильно, забивать не нужно.

В сервисе https://developers.google.com/speed/pagespeed/insights/?hl=RU, проверяем скорость загрузки наших страниц на компьютере и смартфоне.

Просим разработчика довести всё до зеленой зоны.

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

SEO

Тут всё сложнее, если вы нашли опытного разработчика, который работал с SEO специалистами, то изначально все технические моменты он учтет.

На старте вы строите: структуру проекта, делаете ваш сайт быстрым на всех устройствах, не допускаете технических ошибок (404 ошибки, 301 и 302 редиректы и прочее). Постарайтесь всё продумать заранее.

Попросите разработчика установить вам Яндекс метрику, Яндекс вебмастер, Google Analytics, Google Webmaster. С помощью этих инструментов вы сможете анализировать работу вашего сайта.

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

Регистрация домена + поддержка обойдется вам ~ 100 рублей. Если проект продвигать планируете под Россию, то покупаете зону .ru.

По поводу хостинга, свои проекты я держу на https://beget.com/ru. Быстрая поддержка, адекватные цены, если планируется профилактика, то вас предупредят заранее. Стоимость ~ 100-200 рублей в месяц. По стоимости опять же тут всё зависит от вашего проекта. Если функционал сложный, то цена может доходить до 1000 и более рублей в месяц.

Аналитика

Для анализа аудитории и функционала я использую Яндекс метрику и Google Analytics. Данные инструменты помогут вам узнать всё о ваших пользователях (географию, интересы, контент, глубину вложенности и так далее).

Монетизация

sitepokupok.ru — монетизирует трафик за счет внутренних сервисов.

100sp.ru — монетизация за счет внутренних сервисов и рекламы.

spaf-mega.ru — внутренняя реклама и Рекламная сеть Яндекса.

spmaniya.ru — монетизируется за счет внутренней рекламы.

Стоимость

Что касается стоимости, тут все очень просто. Хотите меньше забот и проблем с проектом, тогда обращайтесь к профессиональной студии. Понятное дело, что это дороже обойдётся, чем работа с фрилансерами. Но зато вы не будете рисковать и переплачивать, если с проектом пойдёт что-то не так.
Вот примерная стоимость дизайна с разработкой:

  • Bitrix — от 600 000 рублей.
  • Laravel — от 700 000 рублей.
  • WordPress — от 500 000 рублей.

Цены зависят от региона и работников, поэтому это средние показатели.

На этом всё! Если есть вопросы — смело задавайте в комментариях.