Сайт рождается в диалоге
Как сделать сайт для кожевенной мастерской: готовый рецепт
Портфолио изделий, процесс ручной работы, атмосфера мастерской, отзывы клиентов и контакты — сайт для кожевенника собирается из одного диалога. Без студий, без кода, примерно за час.
Вот что получилось — демо-лендинг «Стежок»
Этот лендинг собран в одном диалоге с AI. Ниже — скриншоты того, что видит посетитель, и рецепт, который можно скопировать.
Посмотрите лендинг целиком — он опубликован и доступен:
Открыть демо-лендингЧто будет на сайте кожевенной мастерской
Рассказываете ассистенту о своих изделиях, процессе и мастерской — он собирает полноценный лендинг со всем необходимым.
Каталог изделий
Карточки с фото, описанием и ценой. Ремни, кошельки, сумки, аксессуары. Каждое изделие можно персонализировать — клиент видит варианты.
Процесс работы
Четыре шага: бриф, раскрой, пошив, отделка. Клиент понимает, почему ручная работа стоит дороже и почему это дольше.
История мастерской
Живой рассказ о том, как появилась мастерская, с каким кожсырьём работаете и почему натуральная кожа — это не просто «подделка из кожи».
Атмосфера мастерской
Фото пространства, адрес, расписание работы. Клиент может приехать, потрогать кожу и выбрать заготовку лично.
Отзывы клиентов
Живые цитаты с именами. Повторные заказы, подарочные наборы, мастер-классы. Социальное доказательство, которое продаёт.
Контакты и связь
Кнопки Telegram, телефон, адрес. Клиент пишет в мессенджер и получает ответ в течение часа. Никаких форм — живой диалог.
Как создаётся сайт — три шага
Рассказываете о мастерской
Пишете в чат: «Мастерская кожаных изделий, делаем ремни, кошельки, сумки, вот фото работ». Голосом или текстом.
AI собирает сайт
Ассистент подбирает стиль, шрифты, цвета, раскладывает изделия, процесс, атмосферу и контакты.
Сайт публикуется
Смотрите preview, вносите правки в чате, публикуете одной командой. Готово — сайт в интернете.
Готовый рецепт — скопируйте и получите такой же сайт
Отправьте этот текст ассистенту в чат. Он соберёт лендинг, похожий на демо «Стежок». Подставьте свои данные — и сайт готов.
Создай сайт-лендинг для кожевенной мастерской. Название: [название мастерской] Город: [ваш город], [район] Изделия: - Ремни — от [цена] руб. - Кошельки — от [цена] руб. - Сумки — от [цена] руб. - Аксессуары — от [цена] руб. Процесс: бриф с клиентом, раскрой кожи, ручной пошив седельным стежком, отделка и полировка. Расскажи историю мастерской, покажи процесс работы, добавь портфолио изделий с ценами, отзывы клиентов и контакты с Telegram. Дизайн — тёмный, кожаный, с анимациями.
Подставьте название, город, изделия и цены — и отправьте ассистенту. Сайт будет готов примерно за час.
Хотите такой же сайт для себя? Вот подробный промпт для повторения
Этот промпт использовался для создания демо-лендинга «Стежок». Он содержит все детали дизайна, анимаций и структуры. Скопируйте целиком, подставьте свои данные — ассистент создаст такой же стильный лендинг.
Создай креативный лендинг для кожевенной мастерской ручной работы. Сайт должен быть тёмным, атмосферным, с тактильным ощущением кожи. Визитка владельца должна чувствоваться в каждом блоке. Ниша: мастерская кожаных изделий ручной работы. Город: [ваш город]. Название: [название мастерской]. ДИЗАЙН: - Тёмная палитра: чёрно-коричневый (#0F0D0B), карточки (#1A1714), кожаный акцент (#C4935A), текст (#F5EDE4), muted (#9C8E7D). - Шрифты: Playfair Display (заголовки, курсивный акцент) + Inter (текст) + IBM Plex Mono (метки, навигация, кнопки). Сочетание serif + mono даёт ощущение мастерской и ремесла. - Кастомный курсор-свечение: полупрозрачный медный радиальный градиент 500px, следует за мышью с easing (desktop only). - Hero на всю высоту экрана: фоновое фото мастерской с тёмным оверлеем 92%, grain-texture поверх. Заголовок с курсивным акцентом и подчёркиванием, которое анимируется scaleX. - Плавающий бейдж «7+ лет опыта» справа в hero с backdrop-blur. СТРУКТУРА: 1. Hero — фото мастерской, название, слоган, 2 CTA-кнопки, подсказка скролла с анимированной линией. 2. Marquee-полоса — бегущая строка с преимуществами: «Натуральная кожа / Ручной стежок / Итальянская фурнитура / Гравировка / Пожизненная гарантия / Подарочные наборы». 3. О мастерской — двухколоночный блок: слева текст с цифрами (3247 изделий, 98% повторных, 14 дней), справа фото процесса с бейджем «100% ручная работа». Анимированные счётчики. 4. Изделия — сетка карточек. Первая карточная — широкая (span 3), с фото, бейджем «Хит продаж», описанием и ценой. Остальные карточки — с SVG-иконками вместо фото, описанием и кнопками. Всего 6 карточек: набор, кошельки, сумки, обложки, ремни, аксессуары. 5. Процесс — 4 шага: Бриф (01), Раскрой (02), Пошив (03), Отделка (04). Тёмная секция, крупные номера faded, соединительная линия между шагами. Живые описания с деталями. 6. Мастерская — двухколоночный блок: слева адрес, расписание, запись, кнопка «Записаться на визит»; справа фото мастерской. 7. Отзывы — три карточки: звёзды, цитата, аватар-буква с градиентом, имя и тип заказа. 8. CTA — тёмный блок с glow-эффектом, заголовок «Готовы заказать?», кнопки Telegram и телефона, три trust-пункта с галочками. 9. Футер — логотип, копирайт, ссылки на соцсети, «Сделано с помощью Smart-AI24». АНИМАЦИИ: - Scroll reveal: [data-anim] элементы появляются с fade+slide. Варианты: fade-up (по умолчанию), fade-right, fade-left. Задержки по data-delay (0-4) с шагом 120ms. IntersectionObserver с threshold 0.15. - Cursor glow: следование за мышью с easing 0.08. Только на pointer:fine устройствах. - Marquee: бесконечная прокрутка translateX(-50%) за 30s. - Counter animation: числа набираются с easing (cubic-bezier) за 2s при попадании в viewport. - Header: прозрачный -> backdrop-blur при скролле > 60px. - Hover карточек: translateY(-6px), box-shadow, border-color glow. - Hover фото: scale(1.05) с transition 0.6s. - Hero-подчёркивание: scaleX анимация от 0 до 1 с delay 1.2s. - Scroll-линия: анимированная пробегающая полоска. - Burger menu на мобильных с rotate-анимацией. - Reduced motion: отключает все анимации. ВАЖНО: - Сгенерируй 4 изображения: 1. Hero — мастерская, тёплый свет, руки шьют кожу (16:9). 2. Products — flat lay кожаных изделий на тёмном фоне (1:1). 3. Process — крупный план полировки края (4:5). 4. Workshop — интерьер мастерской с полками (4:5). - Без эмодзи в публичном тексте. - Адаптив: на мобильном сетки в 1 колонку, кастомный курсор скрыт, burger-меню с fullscreen overlay. - Шрифты из Google Fonts. - Prefers-reduced-motion: отключает все анимации и переходы.
Скопируйте этот промпт целиком и отправьте ассистенту Smart-AI24. Подставьте свои данные в квадратные скобки. Ассистент создаст такой же стильный лендинг, адаптированный под вашу мастерскую. Бюджет: примерно 2 AI-кредита на картинки и вёрстку.
Сколько стоит сайт для кожевенной мастерской
Студия или фрилансер возьмут от 30 000 руб. за такой лендинг. У нас — примерно 300 руб., и сайт готов за час.
Стартовый набор
На полноценный лендинг мастерской с портфолио, процессом и контактами
Начать за ~300 руб.Далее
Сайт живёт и принимает заказы. AI-кредиты — по факту расхода.
Попробовать~300 руб. — старт: 3 дня платформы (36 руб./день) + 2 AI-кредита (~96 руб./кредит). Далее 36 руб./день за платформу; AI-кредиты — отдельно.
Частые вопросы
Можно ли загрузить фото своих изделий?
Как обновлять цены и добавлять новые изделия?
Подходит ли для мастерской, которая только начинает?
Можно ли добавить форму заявки?
А если я делаю изделия на заказ, а не продаю готовые?
Создайте сайт мастерской прямо сейчас
Скопируйте промпт, отправьте ассистенту — через час у вас готовый лендинг с портфолио, процессом и контактами. Без студий, без кода, от ~300 руб.