Здоровая еда сайт: учебный проект для кондитера из Оренбурга

Кондитер из Оренбурга делает торты на заказ дома. Вкусно, аккуратно, свадебные и детские — но клиентов почти нет: о мастерской знают единицы, а новых заказов из поиска не приходит совсем.

Проблема в том, что торты продают вкусом, а найти кондитера в интернете почти невозможно. Нужен сайт.

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

Кондитер уже делает торты. Ему нужно:

• показать, какие торты он делает, — фотографии работ;
• объяснить, что это домашнее производство и какие ингредиенты используются;
• показать, где он находится и как заказать;
• принимать заявки, чтобы не терять их в переписке.

Ничего сверх этого. Никакого интернет-магазина с корзиной и оплатой, никакой админки, никаких интеграций. Один экран, несколько блоков, форма заявки и мессенджеры.

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

Готовый результат можно посмотреть на торты-лили.рф — там первый экран, каталог работ, цены и форма заявки. Это демонстрация того, как выглядит сайт для домашнего кондитера, собранный на вайб-кодинге.

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

Порядок работы выглядел так:

• структура и тексты. Сначала текст: что именно продаём, кому, чем отличаемся. Тексты писал сам, нейросеть помогала с формулировками;
• дизайн. Взял готовую структуру и переделал её под задачу кондитера: его фотографии тортов, честные блоки о цене и сроках, живая подача вместо шаблонной. Это самая долгая часть работы, про неё — ниже;
• сборка. Сайт собирался из обычных файлов — HTML, CSS и немного JavaScript;
• проверка на телефоне. С телефона сайт выглядит иначе, чем на мониторе, и часть проблем видна только там;
• продвижение. Сайт выложен на обычный хостинг, домен привязан, настроены SEO-параметры и карта сайта, расставлены внешние ссылки.

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

Сам сайт не продаёт торты. Продаёт его правильная структура и понятный оффер.

Что сработало:

• заголовок первого экрана отвечает на главный вопрос. Не «Торты на заказ», а «Торты на заказ в Оренбурге: свадебные, детские, на день рождения» — с городом и типами. Так его находят в поиске;
• цена видна сразу. «От 1 500 ₽/кг, торт готов за 3–5 дней» снимает половину вопросов и отсекает тех, кому дорого;
• естественные ингредиенты как аргумент. Домашние торты из натуральных продуктов — это ответ на вопрос «здоровая еда» и «что в составе», который задают чаще всего;
• простая форма заявки. Имя, телефон, что нужно и когда. Больше никаких полей — каждое лишнее поле снижает число отправок;
• живые фотографии. Настоящие работы кондитера продают лучше стоковых картинок.

А вот что не сработало:

• красивые тексты «о нас». Никто не читает подряд три абзаца о том, какие у кондитера ценности. Читают меню, цены и фотографии;
• сложное меню. Пока в меню больше трёх пунктов, человек закрывает вкладку;
• акции и скидки «в пустое». Без отзывов и истории скидка выглядит пустым обещанием.

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

Ценность проекта в другом: это учебная проверка на реальной задаче. Кондитер из Оренбурга дал фотографии своих тортов, ответил на вопросы по ассортименту и ценам — а всё остальное сделал я: структуру, тексты, дизайн, сборку, SEO, внешние ссылки и публикацию. Никаких выдуманных отзывов и цифр я не придумывал — где не было данных, там стояла честная оговорка.

Именно так и стоит делать учебные проекты: реальные ограничения заставляют доводить сайт до ума, а не просто «собрать лендинг, чтобы был».

Основная работа легла не на код, а на три вещи, которые нейросеть за тебя не сделает.

Дизайн пришлось переделывать руками. Из коробки ИИ выдаёт вёрстку, в которой видно, что её собирала машина: одинаковые блоки, дефолтные отступы, стоковая типографика. Сайт на таком выглядит как «ещё один лендинг». Чтобы он выглядел как сайт для кондитера, а не как сборка нейросети, пришлось вручную перекраивать сетку, переписывать отступы, выравнивать текст и подгонять фотографии. Это самая долгая часть работы — и именно она отличает сайт от шаблона.

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

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

Всё это в сумме и даёт результат: без ручного дизайна, SEO и внешних ссылок сайт остаётся красивой страницей без единого заказа.

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

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

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

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

Если вы учитесь у меня на курсе — такой результат вам тоже по силам. Набор инструментов у вас будет тот же; разница только в количестве часов, которые вы на это закладываете.