Как сделать сайт типографии без кода: калькулятор и цены
Опишите текстом, что вы печатаете, для кого и как принимаете заказы. Zugo соберёт сайт с каталогом услуг, ценами, формой заявки и контактами, проверит сборку в песочнице и опубликует на адресе вида yourshop.zugo.run. Одна сборка стоит 6 кредитов и занимает около минуты, каждая правка 3.
Дальше начинается настоящая работа, и она не про дизайн. Типографии почти всегда упираются в одно: как показать цену, которая зависит от тиража, формата, бумаги и постобработки. От того, как вы ответите на этот вопрос, зависит структура всего сайта.
Что должно быть на сайте типографии?
Посетитель приходит с готовой задачей и одним вопросом: сделаете ли вы это, за сколько и к какому сроку. Поэтому первый экран должен называть специализацию прямо: визитки и полиграфия для бизнеса, широкоформат, упаковка малыми тиражами, книги по требованию. Общее «печатаем всё» не работает.
Дальше идёт список услуг с понятными единицами: тираж, формат, материал. Затем цены хотя бы в виде вилки. Затем требования к макету, потому что половина писем в типографию это вопрос о формате файла. И контакт с указанием, как быстро вы отвечаете.
Полезно указать и минимальный тираж по каждой позиции. Заказчик, которому нужно двадцать визиток, и заказчик, которому нужно двадцать тысяч, приходят на один и тот же сайт, и одна строка про минимум избавляет обоих от лишней переписки.
Отдельный блок стоит отдать срокам. Для полиграфии срок часто важнее цены: заказчику нужно к мероприятию, а не вообще. Указанные сроки в днях по типам работ снимают половину переписки и делают сайт полезнее конкурентов, у которых стоит только слово «оперативно».
Портфолио здесь работает иначе, чем у дизайнера. Показывают не красивую картинку, а сложность: нестандартная вырубка, тиснение, необычный материал. Такие примеры объясняют цену лучше любого текста. Как выстроить показ работ, разобрано в материале про портфолио без кода.
Как описать типографию в промпте?
Промпт должен содержать нишу, набор услуг и способ приёма заказа. Формулировка «сайт для типографии» оставляет конструктору право придумать всё самому, и он придумает усреднённую полиграфию без вашей специфики. Два дополнительных предложения экономят несколько правок.
Слабый вариант: «сайт типографии». Сильный: «Сайт цифровой типографии для малого бизнеса. Услуги: визитки, листовки, наклейки, баннеры. У каждой услуги тиражи и цена от. Клиенты присылают готовый макет в PDF, главное действие: оставить заявку с файлом. Отдельный блок с требованиями к макетам и сроками».
Второй вариант задаёт список услуг, формат цены, тип клиента, целевое действие и два обязательных блока. Конструктор после этого строит нужную сетку сразу, а не после трёх попыток. Каждая переделка структуры стоит 3 кредита, поэтому точность промпта окупается буквально.
Скажите и про тон. Типография для дизайн-студий и типография для соседних магазинов разговаривают по-разному. Если написать «клиенты это дизайнеры, они знают термины», сайт не будет объяснять, что такое CMYK, и текст станет короче.
Можно ли собрать калькулятор стоимости печати?
Простой можно. Форма, где выбирают вид продукции, тираж и материал, а внизу считается ориентировочная сумма по вашим коэффициентам, собирается описанием на несколько предложений. Важно, чтобы вы сами дали формулу: конструктор не знает вашей себестоимости и не должен её угадывать.
Сложный калькулятор устроен иначе, и здесь нужна честность. Реальный расчёт полиграфии учитывает раскладку на печатном листе, приладку, минимальные тиражи, постобработку и остатки материала. Это не формула из трёх множителей, а бизнес-логика вашего производства.
Практичный путь: собрать калькулятор до уровня «оценка, а не счёт», и явно подписать его как ориентир. Точную цену всё равно подтверждает менеджер после проверки макета. Такой калькулятор делает свою работу: отсекает заказчиков не вашего масштаба и даёт остальным повод оставить заявку.
Если считать нужно точно, логика достраивается последовательными правками по 3 кредита, шаг за шагом. Это работает, но занимает несколько итераций, и об этом лучше знать заранее, чем ждать полного расчёта от одного промпта.
Сколько стоит такой сайт в кредитах?
| Действие | Кредитов |
|---|---|
| Одна сборка: сайт, приложение или игра | 6 |
| Многостраничная платформа, первые три страницы | 12 |
| Каждая следующая страница | 3 |
| Правка готовой сборки | 3 |
| Сборка в режиме Hi-Fi | 12 |
| Правка в режиме Hi-Fi | 6 |
Одностраничный сайт с услугами и заявкой это 6 кредитов плюс правки. Сайт с отдельной страницей на каждую группу продукции считается как многостраничная платформа: 12 за первые три страницы и по 3 за каждую следующую, и собирается несколько минут.
Free даёт 5 кредитов, то есть меньше одной свежей сборки. Pro стоит $25 в месяц и включает 200 кредитов. Business стоит $99 в месяц. Для типографии основной расход обычно приходится на доводку калькулятора и таблиц цен, а не на первую сборку.
Как принимать макеты и заявки?
| Задача | Чем закрывается |
|---|---|
| Заявки падают в базу, а не только на почту | Supabase |
| Письмо клиенту и менеджеру после заявки | Resend |
| Приём файлов от клиента | Файловое хранилище Supabase |
| Оплата или предоплата онлайн | Stripe |
| Статистика по услугам, которые смотрят | Google Analytics |
| Свой домен вместо адреса zugo.run | Подключение домена |
Порядок подключения важен. Сначала база и письма: заявка, которая существует только в почтовом ящике, теряется. Потом файлы, потому что макеты приходят тяжёлыми и почта их режет. Оплата подключается последней, когда поток заявок уже стабильный.
Связка базы и авторизации разобрана подробно в статье про приложение с Supabase. Для типографии из неё нужен один сценарий: заявка с прикреплённым файлом попадает в таблицу, менеджер логинится и видит очередь.
Что писать в требованиях к макетам?
Этот блок экономит вам больше времени, чем все остальные вместе. Половина переписки типографии с клиентом это уточнение формата файла, вылетов, цветовой модели и шрифтов. Написанное один раз на сайте требование снимает эти вопросы до того, как они возникнут.
Минимальный набор: принимаемые форматы файлов, размер вылетов, цветовая модель, разрешение для растровых изображений, что делать со шрифтами, как обозначать линии реза и постобработку. По каждому пункту одна строка, без объяснения теории: те, кто готовит макеты, теорию знают.
Отдельно стоит написать, что происходит с макетом, который не соответствует требованиям. Вы его правите за отдельную плату, отправляете обратно или печатаете как есть под ответственность клиента. Это самая частая точка конфликта в полиграфии, и её лучше закрыть текстом на сайте.
Полезно приложить шаблоны. Готовый файл с разметкой под визитку или под наклейку заданного размера снимает больше вопросов, чем страница текста. Файлы кладут в хранилище и дают на них ссылки, а не пересылают почтой каждому.
И скажите про сроки проверки макета. Клиент, который прислал файл в пятницу вечером, должен понимать, когда получит ответ. Одна строка про режим работы приёмки экономит вам недовольные звонки в понедельник.
Где заканчиваются возможности конструктора?
Он не знает вашего производства. Коэффициенты, минимальные тиражи, реальные сроки и правила приёма макетов задаёте вы. Придуманные числа здесь опаснее, чем отсутствие калькулятора вовсе.
Он не интегрируется с вашей учётной системой сам. Если заказы должны попадать в 1С или в производственный планировщик, это отдельная задача. В сгенерированном проекте она решается доработкой кода, а код можно выгрузить в GitHub и отдать разработчику.
Он не заменит команду разработки на сложном продукте. Онлайн-редактор макетов, предпечатная проверка файлов и очередь на печать это уже не сайт, а система. Очень специфичная бизнес-логика доводится правками, а не одним промптом.
Каждая сборка перед выдачей проверяется в песочнице, и та, что не открылась, до вас не доходит. Это защищает от нерабочей выдачи, но не проверяет ваши цены на здравый смысл.
С чего начать
Выпишите пять услуг, которые приносят вам основную выручку, укажите к каждой тираж и цену от, добавьте требования к макетам и сроки, и запускайте сборку на Zugo. Дальше двумя правками доведите калькулятор до уровня честной оценки. Если вы продаёте не разовые заказы, а пакеты и абонементы, посмотрите разбор про страницу тарифов.