Как создать сервис для маркетологов за одну неделю: опыт Checkroi.ru

Идея

Дело было на январских праздниках 2016 года. Я сидел и думал — чего же полезного я сделал в своей жизни и что могу сделать прямо сейчас, листал брошюру с одного из мероприятий digital-тусовки и понял, что не каждый маркетолог знает и умеет рассчитывать ROI! А еще по запросу Калькулятор маркетолога не было ни одного сайта. И тут я понял — проекту быть!

ROI = (доходы - расходы) / расходы * 100%

Формула расчета ROI перед глазами, есть понимание, как сделать это на сайте — отлично, давай работать! Но одного ROI мне показалось мало. До того, как мы найдем данные, пригодные для расчета, нужно узнать еще кучу всего, а именно:

• просмотры рекламы;
• клики;
• количество целевых действий;
• количество продаж.

Теперь все встало на свои места. Мне нужен был инструмент, чтобы структурировать схему скрипта. Как хорошо, что ручка и бумага оказались рядом! Без них проекту Checkroi.ru не суждено было бы появиться на свет. Я прописал формулы всех показателей, вывел необходимое количество переменных, содержащих в себе значения, потом заменил части формул на переменные и, вуаля, получил на листке бумаги рабочий скрипт подсчета (спойлер: он очень простой).

Реализация

Чуточку разбираясь в верстке, прикинул как это можно сделать. Собрав в кулак всю свою волю, я на коленке собрал первую версию. Дата на календаре показывала 11 января 2016 года.

Я показал свою работу моему хорошему другу, он сказал — это классно, на какой домен повесишь? Я задумался и выбор пал на zacalc.ru и roicalc.ru. Звучало солидно, осталось только выбрать. Но друг, светлая голова, сказал:

Так и началась история checkroi.ru.

Checkroi - Версия 1.0

Получилось занятно, но не очень удобно. Я стал думать над тем, как это улучшить. Пришла идея — возьми шаблон, парень! Есть полезный сайт с шаблонами под названием html5up, на нем я и взял вторую версию сайта. Получился нормальный и функциональный одностраничник. Перенес я его за один день. 12 января 2016 года — официальный старт проекта. Было реализовано: скрипт калькулятора, SEO-текст, пасхалочка (она теперь не работает :-( ).

Его и сейчас можно потыкать

Вводишь данные, снизу появляется форма с решением! Вау, успех, каннские львы! Проект делался ради фана — и вот он, его можно потыкать!

У многих вызывает вопросы логотип: почему лампочка с галочкой? Отвечаю:

Когда проверку делают, ставят галочки напротив пунктов. Отсюда галочка. Лампочка символизирует классную идею. Ну и для веселья, конечно!

P - Promotion

Мне нужно было поделиться своей офигенной идеей с миром. Были выбраны паблики с маркетологами, куда я направил посты. Вот так они выглядели:

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

Checkroi — Версия 2.0

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

Безжалостно порезав 98% функционала шаблона, был сделан основной упор на удобство и максимальную доступность данных прямо с первого экрана. Количество полей ввода осталось неизменным, но они стали более компактными и удобными. Расчет происходит очень быстро, здесь нет обращений к базам данных — все на стороне клиента.

Увеличилось количество выводимых данных — добавились поля CTR, из кликов в целевые действия, из действий в покупки. Данные теперь легко прочитать и показать коллегам, боссу, жене.

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

Окончательный переезд на новую версию был осуществлен 3 марта 2016 года. С этого момента произошло немало всего — статьи, трафикопрогнозатор, телеграм-канал, инструменты маркетолога. Обо всем я расскажу в следующих постах. Самый следующий из них — про внутренности Checkroi.ru — как был собран калькулятор и поднята html-версия сайта, как я столкнулся с проблемой масштабирования контента и генерацией новых страниц, а также как пришлось пересобрать сайт с помощью php, совершенно не зная этого языка программирования.

Спасибо за внимание! Подписывайтесь на канал в телеграме @checkroi, чтобы не пропустить новый пост.