Сервис импорта авто «Регион Логистик»
Каждый месяц мы выбираем самый интересный проект, собранный в «Поехали», и рассказываем о нём всему комьюнити: статья в блоге, баннер на главной и заслуженная порция славы. Герой этого выпуска — лётчик Олег. В свободное время он собрал новый сайт для сервиса по подбору и доставке авто из-за рубежа «Регион Логистик».
Главная страница сайта «Регион Логистик»
Его сайт отвечает на вопрос, который в этой нише обычно прячут под кнопкой запроса менеджеру: сколько конкретная машина будет стоить, когда приедет в Россию.
Кто герой
По профессии Олег лётчик. Разработкой и SEO он профессионально никогда не занимался. Ему было просто интересно разобраться, как устроены сайты и как люди находят их через поисковые системы. Он изучал тему самостоятельно, экспериментировал и задавал вопросы ИИ. Позже наткнулся на poehali.dev.
Для меня это стало возможностью не просто изучать разработку в теории, а сразу применять знания на реальном сайте.
Сайт, который отвечает на страхи покупателя авто из-за границы
Изначально он не планировал создавать большой коммерческий проект.
Мне было интересно провести эксперимент и проверить, смогу ли я, практически не имея опыта в разработке, самостоятельно создать полноценный сайт для реального бизнеса.
Так, в качестве эксперимента Олег решил собрать новый сайт компании «Регион Логистик», в которой работает его брат. Компания занимается подбором и доставкой автомобилей из других стран. Тема показалась ему интересной не только с точки зрения разработки, но и с точки зрения самого продукта.
Ввиду основной профессии Олег и к созданию экспериментального сайта подошёл системно. Лётчик не поднимает судно в воздух без подготовки, оценки обстановки и расчёта маршрута. Так и перед сборкой сайта он посмотрел на задачу глазами покупателя и выписал, чего тот боится.
Когда человек хочет заказать автомобиль из-за границы, у него возникает много вопросов и опасений: где искать автомобиль, как проверить его, сколько в итоге он будет стоить, как проходит доставка, какие существуют риски и что вообще нужно делать на каждом этапе.
Он решил создать максимально понятный и удобный инструмент для человека, который хочет приобрести авто из-за границы. Идея заключается в том, чтобы упростить этот процесс: помочь человеку разобраться в доступных автомобилях, вариантах доставки, стоимости и самом процессе покупки.
Как лётчик собирал сайт без опыта в разработке
Список опасений потенциального клиента лёг в основу структуры сайта. Отработка этих опасений и ответы на ещё не заданные вопросы покупателя прослеживаются буквально на каждом экране. Мы разберём их подробнее ниже, а прежде расскажем о процессе сборки.
Инструменты Олег перечисляет коротко: poehali.dev, JavaScript и ИИ. Сначала продумал общую структуру и дизайн, затем собирал сайт по разделам и постепенно добавлял новые функции. Дизайн, вёрстку, SEO и аналитику изучал по ходу.
До начала проекта у меня практически не было опыта в веб-разработке, поэтому по ходу работы я одновременно изучал дизайн, структуру сайтов, разработку, SEO, аналитику и другие вещи, которые необходимы для полноценного проекта.
В его истории мы видим, как работа с нейросетями не ограничивает пользователя в экспертизе, а, наоборот, позволяет комплексно наращивать её и получать новые знания на практике.
Я стараюсь смотреть на сайт именно как на продукт, а не просто как на набор красивых страниц. Мне важно, чтобы человеку было действительно удобно разобраться в предложении и сделать следующий шаг.
Этот приём вы можете повторить в своей работе. Возьмите свой продукт и выпишите шесть-восемь вопросов, которыми задаётся потенциальный клиент, прежде чем совершить покупку. Отсортируйте их по цене ошибки и найдите, незнание какого аспекта обойдётся клиенту дороже всего. Сделайте ответ на этот вопрос решением на главном экране или интерактивным инструментом, помогающим пользователю разобраться в теме и принять решение о покупке. Остальные вопросы подсветите в других разделах, например в FAQ, карточках каталога или блоке с описанием процесса работы.
Дальше достаточно открыть чат «Поехали» и описать простыми словами, кто приходит на сайт, что хочет узнать, что должен увидеть. В коде разбираться не придётся. В несколько итераций вы получите живой сайт, который отвечает на главный вопрос клиента.
Калькулятор стоимости авто под ключ и другие ответы на вопросы покупателя
Олег разобрался в болях покупателя и планомерно отвечает на каждую из них по ходу сайта. Так, мы сразу видим направления доставки и все представленные модели в каталоге с фото и характеристиками.
Каталог автомобилей
Карточка автомобиля из каталога
Дальше Олег отвечает на вопрос о том, как будет строиться сотрудничество. Весь маршрут сделки прописан одной строкой из шести шагов, подкреплённый списком обязательств компании о проверке истории авто, его юридической чистоте, контроле доставки и помощи с документами.
Разделы «Как мы работаем» и «Почему нам доверяют»
В разделе кейсов показаны последние доставленные авто с подробным разбором стоимости и выгодой при покупке через «Регион Логистик». Каждую цифру покупатель может сверить с объявлениями на российских площадках.
Кейсы с последними добавленными автомобилями на главной сайта
Отзывы клиентов подгружены из «Яндекс Карт», что добавляет сайту трастовости. А составленный Олегом список опасений покупателя почти дословно стал блоком «Часто задаваемые вопросы» на главной.
Отзывы клиентов, подгруженные с «Яндекс Карт», и раздел FAQ
Взгляд Олега на сайт как на продукт особенно заметен при сравнении с конкурентами в вопросах расчёта стоимости. Мы посмотрели первую страницу органической выдачи Яндекса и Google по запросам о подборе и импорте авто и заметили, что цены на услуги, как правило, спрятаны за формой запроса, а калькулятор стоимости, который редко у кого есть, не даёт предварительного расчёта без сбора контактов и не подгружает авто из каталога. Пользователю приходится по памяти или из другой вкладки вбивать в форму объём двигателя и мощность авто.
На сайте Олега пользователь выбирает страну покупки и возраст машины, вводит объём двигателя, мощность и цену за рубежом. Если машина есть в каталоге, характеристики подставляются автоматически. Калькулятор раскладывает итог по шести строкам и предлагает оставить заявку.
Калькулятор стоимости авто подгружает модели из каталога
Автоматический расчёт расходов на доставку выбранного авто
Естественно, в форме есть пометка, что это ориентировочный расчёт и точную сумму подтвердит менеджер. Но в сравнении с конкурентами поправка менеджера измеряется тысячами рублей. Без калькулятора ошибка покупателя измеряется миллионами: он видит 6 900 000 ₽ на зарубежной площадке, а к концу сделки цена дорастает до 11 400 000 ₽, при этом каждая новая статья расходов вроде пошлины, утильсбора, оформления становится известной лишь по ходу сделки.
Также в выдаче среди конкурентов мы заметили сайты, собранные с ИИ. В них с первого экрана узнаётся почерк нейросети. Это привычная клодовская вёрстка, типовые цветовые сочетания чёрного и голубого или оранжевого и нейрослоповые текстовки.
Сайт Олега тоже собран с ИИ. Но в нём мы видим взгляд конкретного человека на проблему покупателя и решение этой проблемы на разных уровнях.
Что по показателям?
Большого рекламного запуска пока не было. После сборки Олег занялся наполнением, поисковой оптимизацией, аналитикой и техническими правками, а сам этап называет проверкой гипотез.
Проект пока находится на начальном этапе, поэтому я не хочу искусственно делать акцент на цифрах.
Он отслеживает посещаемость, поисковую видимость, поведение пользователей и заявки, чтобы сверять первоначальную задумку с реальными результатами. Главное ограничение он называет сам. Проект совсем новый, и аудитория, история и пользовательские данные ещё копятся.
Поскольку сайт создавался как эксперимент, мне интересно сравнивать первоначальную задумку с реальными результатами и постепенно корректировать проект.
По мере развития проекта он планирует добавлять новые возможности и улучшать существующие.
От сайта компании к площадке уровня Авто.ру
Олег изначально выбрал для эксперимента сайт для конкретного бизнеса с живыми клиентами и реальными заявками. И пока работал с проектом, увидел в нём перспективу гораздо большую, чем сайт-визитка для сервиса, а вместе с ней и потенциально новое направление работы этой компании:
В перспективе я хотел бы сделать проект значительно больше обычного сайта компании — полноценной площадкой, связанной с подбором и приобретением автомобилей из-за границы, которая сможет конкурировать с крупными игроками рынка, например, Авто.ру.
При этом я понимаю, что до этой цели ещё очень далеко. Сейчас это только первый этап, на котором я проверяю саму идею и учусь создавать подобные продукты.
И каркас под эти планы частично заложен. На сайте уже есть каталог с фильтрами по странам, отдельные страницы моделей, раздел мотоциклов и блог.
Запустил бы ещё раз?
Идею Олег выбрал бы ту же, а вот к фундаменту подошёл бы иначе.
С самого начала уделил бы больше внимания архитектуре проекта и его дальнейшему развитию. Когда создаёшь первый серьёзный сайт практически с нуля, многие решения принимаются уже по ходу работы, и иногда приходится возвращаться назад и что-то переделывать. С другой стороны, именно этот процесс дал мне большую часть опыта.
Совет вайбкодерам
Напоследок мы попросили Олега дать совет тем, кто запускает свой проект сегодня:
Я бы посоветовал просто начинать. У меня самого не было профессионального опыта в разработке. Сначала я просто изучал тему в свободное время, задавал вопросы ИИ, пробовал что-то сделать, ошибался, переделывал и постепенно разбирался.
По словам Олега, чтобы собрать первый продукт, сегодня не нужно несколько лет учить программирование. Но одно условие он считает обязательным:
Я считаю важным не превращать AI в кнопку „сделай всё за меня“. Нужно самому понимать, что именно ты хочешь создать, для кого этот продукт и какую проблему он должен решать.
И действительно, порог входа опустился настолько, что больше не нужно ограничивать себя ни сайтом-визиткой, ни прототипом, который «потом отдам разработчику». Идею можно начать реализовывать прямо в чате и дорабатывать итерациями, параллельно наращивая знания. Продумали раздел → создали его → увидели, чего не хватает → разобрались и пофиксили → перешли к следующему.
Сгенерировать тексты, картинки и даже прототип сайта давно можно в ChatGPT. Но между прототипом и работающим продуктом, как между ценой авто на зарубежной площадке и ценой с доставкой под ключ, лежат скрытые расходы. Только вместо растаможки это хостинг, домен, формы, которые реально отправляют заявку, адаптивная вёрстка, аналитика и SEO. И «Поехали» закрывает эти строки, поэтому Олег фокусировался на том, что нужно его пользователю, а не ломал голову, как это выкатить.
Для меня poehali.dev оказался как раз тем инструментом, который позволил перейти от простого интереса к разработке к созданию реального проекта. И самое интересное для меня сейчас — не сам факт того, что я смог сделать сайт, а возможность проверить, насколько далеко его можно развить.
«Регион Логистик» — проект месяца на poehali.dev. Собираете что-то своё? Участвуйте в конкурсе следующего месяца — и следующая статья, баннер и просмотры будут вашими.
