Перейти к содержимому

Как сделать сайт типографии без кода: калькулятор и цены

Опишите текстом, что вы печатаете, для кого и как принимаете заказы. 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. Дальше двумя правками доведите калькулятор до уровня честной оценки. Если вы продаёте не разовые заказы, а пакеты и абонементы, посмотрите разбор про страницу тарифов.

← Все статьи