Сайт музыкальной группы без кода: даты, треки, мерч
Сайт музыкальной группы без кода собирается описанием. Вы перечисляете текстом расписание концертов, релизы, ссылки на стриминг, фото и форму букинга, а ИИ-билдер генерирует страницу. В Zugo одностраничная версия занимает около минуты, вариант с отдельными страницами релизов собирается за несколько минут. Публикация в один клик.
У сайта группы три посетителя с разными задачами: фанат ищет ближайший концерт, промоутер ищет технический райдер и контакт менеджера, журналист ищет пресс-кит и фото в высоком разрешении. Хороший сайт даёт каждому нужное за один экран прокрутки, а не заставляет искать.
Что нужно на сайте музыкальной группы?
Пять блоков, остальное по вкусу.
Ближайшие даты на первом экране. Город, площадка, дата, ссылка на билеты. Прошедшие концерты переносите в архив, а не удаляйте: список из сорока отыгранных площадок сам по себе аргумент для промоутера.
Слушать прямо здесь. Встроенный плеер или ссылки на все площадки сразу. Человек, который узнал о вас минуту назад, не пойдёт искать вас по названию в стриминге, он закроет вкладку.
Пресс-кит. Короткая биография в две версии (сто слов и триста слов), фото в высоком разрешении, логотип, технический райдер и райдер по звуку. Один архив по ссылке экономит вам десятки писем.
Контакт для букинга отдельно от общего. Промоутер не должен писать в общую форму «связаться с нами» вместе с фанатами. Разведите эти два канала, иначе важное письмо утонет.
Мерч. Даже если это пока одна футболка, витрина с ценой и способом заказа зарабатывает больше, чем строка «пишите в директ».
Отдельно про фотографии. Живые кадры с концерта работают лучше студийных постановок, но нужен хотя бы один горизонтальный снимок в приличном разрешении для афиш и прессы. Сайт его качество не улучшит.
Какой промпт даёт рабочую первую версию?
Билдер точнее, когда в промпте названы секции, число карточек и целевое действие. Общая формулировка вроде «сделай крутой сайт группы» вернёт красивую заглушку без нужной вам структуры.
Собери сайт музыкальной группы [название], жанр [жанр], город [город].
Секции по порядку:
1. Hero: название, жанр одной строкой, кнопка «Билеты»,
фон под большое концертное фото.
2. Даты: список ближайших концертов (дата, город, площадка,
ссылка на билеты) и свёрнутый архив прошедших.
3. Слушать: встроенный плеер и ссылки на все стриминги.
4. Релизы: [N] альбомов и синглов с обложкой, годом и треклистом.
5. О группе: две версии биографии, состав, фото.
6. Пресс-кит: ссылки на фото, логотип, райдер.
7. Мерч: [N] позиций с фото, размерами и ценой.
8. Букинг: отдельная форма с полями площадка, город, дата,
гонорар, контакт.
Тон прямой, тёмная тема, крупная типографика. Язык русский.
Разделение «билеты» и «букинг» здесь принципиально. Это два разных действия для двух разных людей, и когда они сведены в одну кнопку, теряются оба. Явно назовите обе цели в промпте, иначе билдер по умолчанию соберёт одну общую форму обратной связи.
В Zugo есть 25 готовых шаблонов, пять из них игровые. Шаблон портфолио уже имеет структуру «крупный первый экран плюс сетка карточек», и переписать его текстом быстрее, чем описывать раскладку с нуля. Общая механика разобрана в гайде как собрать сайт с ИИ.
Какие шаги от промпта до живого адреса?
Пять шагов с проверкой на каждом. Проверки пропускать не стоит: так группы публикуют сайты, где форма букинга ведёт в никуда, а ссылка на билеты ведёт на прошлогодний концерт.
| Шаг | Что делаете | Что проверить перед следующим шагом |
|---|---|---|
| 1. Описать | Промпт выше со своими датами и релизами | Названы ли обе цели: билеты и букинг |
| 2. Собрать | Ждёте сборку, около минуты на одну страницу | Проект запускается в песочнице, и падение отдаётся как отчёт об ошибке, а не как пустая страница |
| 3. Посмотреть | Читаете глазами промоутера, а не участника группы | Виден ли контакт для букинга и есть ли райдер |
| 4. Править | Просите изменения чатом, по одной за раз | Легла ли правка туда, куда надо, работают ли ссылки |
| 5. Опубликовать | Один клик, живой адрес | Открыть с телефона и нажать каждую ссылку на билеты |
Проверка ссылок на билеты важнее всего остального. Афиша с мёртвой ссылкой не просто бесполезна: она забирает людей, которые уже собирались прийти, и отдаёт их разочарованию.
Как продавать мерч со своего сайта?
Мерч на сайте группы это не полноценный магазин, а витрина с понятным способом оплатить. Разница принципиальна: пытаться собрать склад, размеры, доставку и возвраты одним промптом бессмысленно, а продавать пять позиций вполне реально.
Начните с одной страницы и пяти позиций. Футболка, худи, винил, значок, тотбег. У каждой позиции фото, размеры, цена и срок отправки. Если позиция кончилась, ставьте пометку вручную: автоматический учёт остатков требует связи со складом, которой у вас, скорее всего, нет.
Решите, где происходит оплата. Коннектор Stripe принимает карты прямо на сайте и подходит, когда заказов регулярно больше десятка в месяц. Если продажи пока штучные, честнее вести на форму заказа и выставлять счёт вручную: меньше настройки и меньше обязательств перед покупателем.
Продавайте на концертах через тот же адрес. QR-код на стойке с мерчем, ведущий на страницу, закрывает ситуацию «нет наличных и нет нужного размера». Человек оформляет заказ на месте, вы отправляете позже.
Не прячьте стоимость доставки. Итоговая сумма, увиденная в последний момент, это главная причина брошенных заказов. Проще указать фиксированную цену доставки по стране прямо на карточке.
Отдельная деталь про размеры: таблица с сантиметрами снимает большую часть возвратов и вопросов в директ. Это одна строка в промпте и одна правка потом, а разница в количестве переписки заметная.
Зачем группе свой сайт, если есть соцсети?
Соцсети сильнее сайта в одном: там уже есть аудитория и алгоритм, который приносит новых слушателей. Отказываться от них ради сайта нет смысла. Но три задачи они решают плохо.
Архив. Пост про концерт живёт день. Список из сорока отыгранных площадок на сайте живёт годами и работает аргументом при переговорах.
Пресс-кит. Журналисту нужна одна ссылка, по которой лежит всё: биография, фото, райдер. В соцсети это невозможно собрать в одном месте.
Независимость. Аккаунт может быть заблокирован, площадка может поменять правила. Сайт на своём домене остаётся вашим, и код можно забрать через экспорт в GitHub. Порядок подключения домена описан в заметке про свой домен для проекта.
Разумная схема выглядит так: соцсети приводят людей, сайт превращает интерес в билет, письмо промоутеру или заказ мерча. Одно не заменяет другое.
Сколько стоит собрать и обновлять?
Бесплатный тариф даёт 5 стартовых кредитов, этого хватает, чтобы увидеть первую версию до любых трат. Pro стоит $25 в месяц и включает 200 кредитов, то есть 33 быстрых сборки или 16 полных платформ, плюс подключение своего домена. Для лейбла или менеджмента с несколькими артистами есть Business за $99 в месяц.
Одностраничная сборка стоит 6 кредитов, правка 3 кредита. Многостраничный сайт считается платформой: 12 кредитов за первые три страницы и по 3 за каждую следующую. Главная, релизы, мерч и пресс-кит выходят в 15 кредитов. Режим Hi-Fi удваивает обе цифры и оправдан на главной, потому что первый экран решает.
Обновление афиши это одна правка чатом: «добавь дату 14 марта, Санкт-Петербург, клуб такой-то, ссылка на билеты такая». Прошедшие концерты той же правкой переносятся в архив. Если держать формат карточки одинаковым, обновление занимает минуту.
Опубликованный сайт сразу получает адрес вида группа.zugo.run, ссылку можно ставить в шапку профиля уже сегодня. Свой домен подключается позже без пересборки, а экспорт в GitHub отдаёт исходники обычным репозиторием.
Где ИИ-билдер упирается в потолок?
Три границы, о которых честно сказать заранее.
Продажа билетов своими силами. Схема зала, бронь мест, возвраты и фискальные документы это отдельный продукт, а не раздел сайта. Практичнее вести на билетного оператора и держать у себя только афишу.
Хостинг музыки. Заливать альбом файлами на сайт не стоит: за это отвечают стриминговые площадки, у них плеер, статистика и выплаты. На сайте нужен встроенный плеер и ссылки.
Фан-клуб с подписками и закрытым контентом. Уровни доступа, регулярные платежи и модерация сообщества это класс задач, где Zugo не заменяет команду разработки. Часть можно собрать правками поверх Supabase, но ожидать готовую платформу от одного промпта не стоит.
Для обычного случая, когда группе нужен опрятный сайт с афишей, плеером, пресс-китом и работающей формой букинга, задача решается за вечер. Если параллельно нужен персональный сайт участника, посмотрите разбор сайта-портфолио нейросетью. Начать можно с одного промпта на zugo.dev.