Первый проект, который мы запустили в рамках челленджа — это браузерное расширение для проверки скорости загрузки сайтов и сравнения показателей Core Web Vitals для ПК и смартфонов. В этой статье я расскажу, как мы выбрали идею, разработали продукт за 2 недели и привлекали 1600+ пользователей без вложений в маркетинг.
Привет! Меня зовут Антон Георгиев. Я работаю Frontend-разработчиком, а в свободное время делаю свои пет-проекты. Мы с другом поставили цель запустить 12 стартапов за 12 месяцев.
Запустили уже 3 продукта из 12. Про свой путь пишем в Телеграм-канале «Инди-хакеры: стартапы из 💩 и 🥢».
Как мы запустили микро-продукт за 2 недели и получили первых 1600+ пользователей
Результаты нашего продукта Core Web Vitals Test на момент публикации:
Начнем с того, что было сделано. Для начала мы выписали 20 идей, проанализировали конкуренцию, спрос и ключевые слова для SEO.
Как мы выбирали идею
Для того чтобы найти одну идею, мы проанализировали множество чужих продуктов. Наш подход строится на том, чтобы искать уже рабочие проекты и создавать им конкуренцию. Такой подход может называться по-разному: Copycat, Fast Follower, Benchmarking-based ideation. Это когда вы системно изучаете успешные модели, берёте за основу лучшие практики и строите на этом свою стратегию.
Мы запаслись терпением и около 3-х дней фулл-тайм потратили на то, чтобы проанализировать различные источники идей. Составили список идей, которые нам нравятся, близки по духу и мы хотим их делать! Это очень важно, чтобы доводить проекты до рабочего состояния.
У нас уже был опыт разработки сайтов, мобильных приложений, а также опыт продвижения за счет SEO и ASO. Продвижение сайтов и приложений оказалось очень долгим и дорогим занятием. Поэтому мы решили протестировать платформу Chrome Web Store и сделать браузерное расширение. По информации от других разработчиков расширений, трафик там можно получить проще и быстрее.
Chrome Web Store и его спаршенные базы, в которых можно задавать различные фильтры
Первые 20 идей мы выписали, анализируя Chrome Store и сервисы аналитики расширений. На следующих этапах мы отсеивали идеи, которые не подходят по нашему чек-листу.
Просмотреть придется сотни проектов. Нужно быть готовым к тому, что в Chrome Store много мусорных расширений, которые вообще не набирают пользователей.
В первую очередь мы смотрели недавно опубликованные расширения. А фильтры помогали нам определять, какие расширения набрали больше всего пользователей за последнее время.
Сортировка по недавно созданным расширениям
Количество пользователей от 500 или от 1000
Количество символов в описании ставим от 500 или от 1000
Несколько дней мы анализировали чужие расширения и развивали насмотренность. Так у нас получился список из 20 идей.
Как мы анализировали ключевые слова, спрос и конкурентов
Тут все просто. Чем выше спрос, тем лучше (но не всегда). На данном этапе наша цель — понять, насколько идея востребована пользователями и какими словами они описывают свои запросы при поиске. Чем выше спрос по ключевым словам, тем больше потенциальный трафик. Однако это не всегда так: высокая конкуренция и низкая релевантность могут снизить эффективность продвижения. Например, если в выдаче Google много информационки (статей), но нет расширений или сервисов, то лучше такой запрос не брать в расчет.
Мы взяли названия расширений-конкурентов и выписали основные ключевые слова, которыми описан продукт. Также мы проанализировали краткое и подробное описание конкурентов, чтобы выделить ядро наиболее популярных ключевых слов. А еще параллельно мы искали ключевые слова, которые еще не заняты расширениями в топе.
Инструменты для ресерча спроса:
Все это мы записали в табличку, чтобы потом сравнить идем между собой. Вот пример оценки 2-х наших продуктов:
Для первого продукта мы выбрали идею расширения, которое измеряет показатели Core Web Vitals.
Как мы разработали расширение, которое повторяет одну основную функцию конкурента
У конкурентов были такие функции: проверка Core Web Vitals, CrUx, графическое выделение CLS, история отчетов.
Мы выбрали одну основную функцию, которой можно пользоваться каждый день. Такую, которой мы пользуемся сами и пользуются наши знакомые/друзья/коллеги — это проверка показателей Core Web Vitals.
Пример частого использования: после каждого билда сайта, нужно обязательно измерить метрики и проверить не сломали ли сайт. Особенно это важно для SEO, так как Google и Yandex очень падкие на эти метрики.
Так же эта функция была выбрана и по другим причинам:
Удаление главного конкурента из магазина. Мы заметил, что срок подходит к концу и его не обновляют.
Количество конкурентов - не более 5 крупных расширений.
Свободный ключевик для названия расширения.
Разработка проходила около 2-х недель. В целом все было легко, так как я использовал пару маленьких лайфхаков: подсматривать и говнокодить.
Кради как художник
Я использовал инструмент Extension Source Downloader для скачивания исходного кода расширений конкурентов. Затем открывал код в IDEA и разбирался в исходниках, а также устанавливал расширения и дебажил их на горячую.
Если JavaScript-код был обфусцирован, я то я просто юзал деобфускаторы, делая код читаемым и понятным.
Целью данного подхода было не копирование чужого продукта, а его улучшение, добавление ценности и решение проблемы пользователей на более качественном уровне.
Это позволило значительно сократить время разработки. Вместо месяцев на создание продукта с нуля и исправление багов, я адаптировал готовое решение под свои задачи.
В результате рабочий продукт был выпущен уже через две недели.
Как мы делали SEO-оптимизацию, генерили текст и переводы на 55 языков
Для начала мы собрали список самых частотных ключевых слов по теме Core Web Vitals, которые пользователи ищут в Google. Для этого мы использовали сервисы:
Из самых популярных запросов мы выбрали название для нашего расширения. Наша цель была занять самое частотное ключевое слово, которое не занято другими крупными расширениями. Так мы выбрали название «Core Web Vitals Test».
Потом мы взяли описания конкурентов и сделали промпт для ChatGPT, чтобы он сделал черновик описания для нашего расширения на основе структуры, которую мы подготовили. Черновик описания на английском языке мы вручную дополнили и переписали, чтобы учесть наши функции, удалить лишнее и вписать ключевые слова.
Дальше мы сделали скрипт для переводов через Deepl. Оказалось, что он переводит только на 32 языка и еще требует оплату. Решили от него отказаться.
Потом мы написали скрипт для Google Translate. К сожалению, он плохо работает с экранированием аббревиатур и ему требуются глоссарии. Было лень разбираться и от него мы тоже отказались.
Для переводов лучше всего нам подошел ChatGPT. Он перевел описание и интерфейс на 55 языков, экранировал аббревиатуры и был очень добр к нам, так как сделал все за копейки.
Как мы сделали иконки, промо-картинки и лендинг
Всю айдентику продукта мы сделали сами в Figma. Вдохновившись конкурентами, мы сделали что-то похожее и добавили немного своего видения.
У нас вышло 9 статусов, 2 пака убойных лоадеров, 3 иконки, 1 огненный креатив на поиск и множество скриншотов всех сортов и расцветок.
Простейший лендинг мы сделали на Google Sites, чтобы не тратить время и деньги на домены, хостинг или другие конструкторы сайтов. Получился вот такой простой сайтик - https://sites.google.com/view/core-web-vitals-check. Нашей задачей было добавить сайт к расширению, чтобы получить ачивку «Verified publisher».
Как мы получили статус «Featured» и «Verified publisher»
Эти ачивки повышают доверие и дают преимущество в поиске.
Сначала мы добавили лендинг в Google Search Console, а затем выбрали его в поле «Официальный URL» в консоли разработчика Chrome Web Store.
Сначала нужно выбрать пункт “My item (extensions, app, or theme)”.
Потом выбираем пункт “I want to nominate my extension to receive a Featured badge and be eligible for merchandising”.
Далее, на английском языке нужно подробно ответить на предложенные вопросы.
Через неделю нам выдали статус «Featured» и галочку «Verified publisher» рядом с адресом сайта.
А спустя пару дней сильно выросло количество показов в Chrome Store.
Результаты
Основной трафик идет с Chrome Web Store. Также большая доля трафика с поиска Google. Пользователи идут со всего мира. Индусы как всегда топ-1. США на 2-м месте, что очень радует, так как это самая ценная аудитория.
Это бесплатный органический трафик за счет SEO. Мы не вкладываем деньги на этапе запуска продукта и привлекаем первых пользователей своими силами. Все это позволяет нам тестировать продукт на жизнеспособность без потери денег.
Самое главное, мы не выдумываем идеи из головы, а подбираем идею под спрос из поиска.
Поэтому мы не тратим время и деньги на CustDev, чтобы просто провалидировать идею, а создаем продукты, на которые уже есть спрос.
Каждый проект мы публикуем на русскоязычных и англоязычных UGC-площадках: VC.ru, ProductHunt, Productradar, indiehackers.com, Reddit, Quora, Stackoverflow, Github, Medium, Dev.to.
ProductHunt
ProductRadar
Нам нравится добывать трафик, поэтому мы всегда публикуем статьи, пишем ответы на релевантные вопросы, оставляем комментарии в тематических ТГ-каналах и статьях.
Еще мы ставим в своих профилях ссылки на проекты, а так же делаем перелинковку всех своих соц. сетей.
Сколько мы вложили
Разработка - $0 и 2 недели своего времени.
Маркетинг - $0 и несколько часов на SEO и размещения на площадках.
Аккаунт разработчика - $5.
Какие планы
Мы планируем создать полноценный SaaS-сервис для регулярного мониторинга метрик скорости загрузки сайтов, сравнения метрик с конкурентами и графиками для отслеживания динамики всех показателей.
Заходите к нам в Телеграм-канал «Инди-хакеры: стартапы из 💩 и 🥢» и следите за нашим челленджем «12 проектов за 12 месяцев».
Если у вас есть вопросы про разработку и продвижение своего продукта без бюджета, то пишите в комментарии.
