• Прототипи · Figma

Прототип: договориться о структуре, пока изменение стоит час, а не неделю переделки

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

Посмотреть, как это работает
Стоимость
после бесплатного аудита
Гарантия
30 дней после подписания акта
Специализация
сайты и магазины, преимущественно OpenCart и Next.js
после бесплатного аудита
Стоимость
30
Гарантия

дней после подписания акта

сайты и магазины, преимущественно OpenCart и Next.js
Специализация
от 5 до 20 рабочих дней
Срок
бесплатный разговор о задаче
Начало
в течение 2 часов
Ответ
по письменному договору
Работа
Что входит

Полный перечень работ и того, что вы получаете на выходе

  • перечень всех страниц с объяснением, зачем каждая существует
  • состав каждого типа страницы блок за блоком, в порядке показа
  • путь посетителя от входа до целевого действия, со всеми развилками
  • прототип в узком экране наравне с широким, а не «потом адаптируем»
  • заготовки текстов на местах вместо «текст будет потом»
  • перечень того, что вы должны подготовить: фото, документы, данные
  • отмеченные места, где решение ещё не принято, — чтобы они не потерялись
  • письменно зафиксированное согласование, от которого считается разработка
Когда эта услуга не подходит

Что не входит в работу — чтобы не было сюрпризов на сдаче

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

Ситуации, в которых эта услуга даёт результат

Сценарий 1 из 4

Заказчик, который делает сайт впервые

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

Разберём вашу ситуацию на бесплатном аудите
Бесплатный разговор о задаче

Выясняем, нужен ли прототип отдельным шагом: для простых сайтов он лишний.

Что мы измеряем

  • Сколько типов страницЛендинг — это один тип. Магазин с каталогом, карточками, кабинетом и статьями — пять-шесть, и каждый надо согласовать отдельно.
  • Сколько людей принимает решениеОдин владелец договорится сам с собой по ходу. Трое руководителей — нет, и прототип здесь окупается одной избежавшей переделкой.
  • Есть ли сложная логикаКалькулятор, многошаговая форма, личный кабинет. Такие вещи невозможно согласовать словами — их надо увидеть шагами.
  • Понятно ли, что вы продаётеЭто главный вопрос, и он не о сайте. Если ответ расплывчатый, прототип его не заменит, но хорошо выявит.
  • Есть ли материалыФото, тексты, документы, данные о товаре. Прототип покажет, сколько их нужно на самом деле, и это обычно неприятная неожиданность.
  • Не проще ли сразу верстатьДля простого сайта из двух страниц прототип — лишний шаг. Мы скажем это прямо, а не продадим этап ради этапа.

Что вы получаете

  • ответ, нужен ли прототип отдельным шагом
  • черновик перечня страниц
  • оценка объёма и срока
  • честный совет начинать сразу с разработки, если это так

Срок: 1 разговор

Почему это бесплатно

Половине проектов прототип не нужен: сайт простой, решение принимает один человек, структура очевидна. Продавать этап, без которого можно обойтись, не хочется.

Что дальше

Вы получаете понимание объёма. Дальше решаете сами.

Короткая форма: контакт и адрес сайта

  • Договор, акт и гарантия 30 дней

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

  • ФОП и безналичный расчёт

    Исполнитель — зарегистрированный ФОП. Оплата на счёт с закрывающими документами.

  • Права и доступы — ваши

    Код, дизайн и материалы переходят к вам после полной оплаты. Домен, хостинг, репозиторий оформляем на вас.

  • Портал клиента вместо переписки

    Во время работы вы получаете доступ к порталу: договоры, счета, акты и статус проекта в одном месте.

  • Заказчики из Европы

    Среди работ — проекты для Норвегии, Болгарии, Молдовы и Испании.

  • Цифры, которые можно проверить

    Каждый кейс в портфолио — со ссылкой на живой сайт и техническим замером.

  • Сначала аудит, потом сумма

    Прайса на сайте нет намеренно: объём одной и той же работы у двух клиентов отличается кратно.

  • Говорим «нет», когда не уверены

    Если задача не наша или срок нереальный — скажем сразу.

Что влияет на стоимость

Почему две одинаковые на вид задачи считаются по-разному

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

Задачи и результат в цифрах — все показатели сняты нашим замером

консалтинговая компания в сфере структурирования бизнеса и привлечения финансирования, одностраничный корпоративный сайт

Задача
Сделать корпоративный сайт под ключ для B2B-консалтинга: объяснить четыре направления услуг (финансовый менеджмент, корпоративное структурирование, M&A, Government Relations), показать команду и процесс работы и привести посетителя к заявке на консультацию.
Решение
Одностраничный сайт на Next.js: анимированная hero-секция, секции целевой аудитории, услуг, процесса работы, команды и форма заявки. Навигация — якоря (#services, #process, #audience, #team, #contact), в HTML лишь одна внутренняя ссылка. Подключены GA4 (G-2ENCYLQ2S1) и gtag.
Результат
TTFB 0,25 с при 102 КБ HTML — самый лёгкий документ среди 16 измеренных сайтов портфолио и второй по скорости отклика. Подключён GA4 (G-2ENCYLQ2S1) — в отличие от большинства измеряемых проектов, здесь аналитика реально работает. Измерено 31.07.2026.

украинский производитель негорючих стеновых панелей

Задача
Показать техническую продукцию так, чтобы проектировщик и заказчик из тендера находили характеристики без звонка менеджеру.
Решение
Корпоративный сайт на Next.js с каталогом продукции, калькулятором и структурированными данными. Разметка Organization с адресом, страной и поисковым сценарием — чтобы бренд корректно распознавался поиском.
Результат
164 страницы в карте сайта без единого дубля; первый ответ сервера 208-244 мс, карточка продукции 208 мс; 8 типов структурированных данных (Organization, PostalAddress, Country, QuantitativeValue, SearchAction, WebSite, ImageObject, EntryPoint); корректный robots с закрытыми служебными разделами; аналитика подключена.

Не нашли свой случай?

Опишите, как это устроено у вас, — ответим, подходит ли «Прототип сайта до разработки» и что это значит в вашей ситуации. Без брифа и без звонка: один вопрос, один ответ.

Этапы работы

Прозрачные этапы с согласованием на каждом шагу

Общий срок:5–20 дней

  1. Разговор о задаче

    1–2 рабочих дня

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

  2. Перечень страниц

    1–3 рабочих дня

    Составляем список страниц и типов, каждый с объяснением, зачем он. Здесь обычно и выясняется, что половина задуманного не нужна.

  3. Состав страниц

    2–8 рабочих дней

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

  4. Узкий экран

    1–4 рабочих дня

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

  5. Заготовки текстов

    1–3 рабочих дня

    Ставим на места черновики заголовков и подписей. «Текст будет потом» — самая частая причина, почему готовый сайт выглядит пустым.

  6. Согласование

    1–2 рабочих дня

    Проходим прототип вместе, фиксируем правки и письменно согласовываем результат. Именно от него дальше считается объём разработки.

Технологии и интеграции

На чём строим и с чем это соединяется

Стек

  • Figma
  • HTML
  • CSS
  • JavaScript
  • TypeScript
  • Next.js
  • React
  • Markdown
  • Git
  • GitHub
  • OpenCart
  • WordPress

Интеграции

  • Figma
  • Git
  • Google Docs
  • Telegram
  • Notion
Прототип или сразу дизайн

Чем этот вариант отличается от альтернативы

О чём разговор на согласованиио составе и порядке
Цена измененияподвинуть прямоугольник
Оценка разработкиопирается на согласованный перечень
Общий срокдлиннее на этап прототипа
Когда можно без прототипалишний для сайта из двух страниц
Что нужно от вас

Без этого не начнём — лучше подготовить заранее

  1. что именно вы продаёте и кому
  2. какое действие посетитель должен сделать на сайте
  3. какие материалы уже есть: тексты, фотографии, документы, данные о товаре
  4. примеры сайтов, которые вам понятны, и чем именно
  5. есть ли ограничения: фирменный стиль, платформа, имеющийся хостинг
  6. кто с вашей стороны принимает решения и согласовывает результат

Если чего-то из этого нет — скажите, подскажем, как собрать или сделаем сами отдельной задачей.

Частые вопросы

Что спрашивают чаще всего — с конкретными ответами

Почему прототип без цветов?

Потому что цвета мгновенно перетягивают разговор на себя. Как только появляется фирменный зелёный, обсуждение переходит с «нужен ли здесь этот блок» на «а можно оттенок темнее». Серые прямоугольники неприятны на вид именно поэтому и полезны: о них нечего сказать, кроме сути.

Это не то же самое, что техническое задание?

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

Сколько правок входит?

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

Вы делаете и сам сайт после прототипа?

Да, и это самый распространённый порядок. Но прототип остаётся вашим независимо от того, продолжите ли вы с нами. Это намеренно: этап, после которого вы привязаны к исполнителю, — плохой этап, и делать такой мы не хотим.

Мобильную версию тоже прототипируете?

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

У нас ещё нет текстов. Ждать?

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

Сколько это длится?

От 5 до 20 рабочих дней. Лендинг — неделя. Магазин или сервис с кабинетом и несколькими сценариями — ближе к верхней границе. Дольше всего обычно не рисование, а согласование, когда решение принимает несколько человек.

Гарантируете, что структура потом не изменится?

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

Посчитаем, нужен ли вам прототип отдельным шагом

Короткий разговор о задаче — и черновик перечня страниц. Бесплатно, отвечаем в течение 2 часов.

Из измеренных кейсовTTFB 0,25 с при 102 КБ HTML

Смотреть кейсы
  • Ответ в течение 2 часов
  • Без обязательств
  • Работаем по договору

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