Сочи · работаем по РФ и СНГ Пн–Пт 10–19 · Сб 11–16 (МСК)
Текст этой страницы без разметки — markdown-версия. Полный список страниц сайта — llms.txt, тексты всех страниц целиком — llms-full.txt.
Дизайн · Сочи и вся РФ Прототип до картинки Исходники в Figma ваши

Дизайн сайтов и интерфейсов отдельной строкой

Берём дизайн отдельно там, где вёрстку и разработку делают ваши люди: свой фронтенд, ваш подрядчик, живая система, которую надо переодеть. Если результат нужен в браузере, а не в Figma, — это разработка, и дизайн там внутри: скажем об этом на разборе и отправим в нужную сторону, а не продадим половину пути.

  • Структура согласуется на прототипе — до того, как нарисован первый экран
  • Мобильная версия рисуется отдельным макетом, а не сжимается из десктопа
  • Файл в Figma передаётся вам с правами редактирования, а не картинками
Отдельно или целиком
от 45 000 ₽ 2–3 недели 9 форматов 9 лет в digital
от 45 000 ₽дизайн посадочной, срок 2–3 недели
прототипструктура согласуется до первой картинки
Figmaисходники с правами редактирования остаются у вас
9лет в digital, дизайн внутри своих проектов
≠ чем это отличается от сайта под ключ Перейти к сравнению

Дизайн отдельно или сайт целиком

Этот блок стоит третьим намеренно. Дизайн посадочной у нас стоит от 45 000 ₽, лендинг под ключ на соседней странице — от 50 000 ₽, и оба числа попадают в общий прайс. Числа стоят почти вплотную, и разница читается как «доплачу чуть-чуть — и мне ещё и сверстают». Читается справедливо, поэтому отвечаем сразу, а не мелким шрифтом внизу.

Что смотримДизайн отдельной строкойЛендинг под ключСайт с индивидуальным дизайном
Что на выходе файл в Figma: прототип, все блоки, отдельная мобильная версия, исходники работающая страница в браузере на готовом решении, настроенном под вас работающий сайт, нарисованный с нуля, плюс UI-kit
Кто верстает ваши люди: свой отдел, ваш подрядчик, ваша система мы мы
Что нужно от вас фактура о продукте и один человек, который принимает решения готовые тексты и фотографии — на них и держится цена фактура; тексты и структуру собираем вместе
Цена от 45 000 ₽ от 50 000 ₽ от 150 000 ₽
Срок 2–3 недели 2–3 недели 3–5 недель
Чего не будет вёрстки и кода: в браузере макет сам собой не соберётся рисунка с нуля — дизайн настраивается на готовом решении —

Две соседние цифры — это не две цены за одно и то же, а две разные строки сметы. Лендинг от 50 000 ₽ собирается на готовом решении, настроенном под вас, и при условии, что тексты и фотографии у вас уже есть. Рисованный с нуля дизайн появляется в разработке со второй сметы, от 150 000 ₽, — и в проекте он честно прибавляет около трети. Сравнивать надо строку сметы со строкой, а не цифру с цифрой: это две разные работы, которые просто оказались рядом в прайсе.

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

Пройти тест за минуту

Кому подходит и кому — нет

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

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

Первый пункт правой колонки — самый частый и самый дорогой. Макет в Figma не открывается в браузере: его надо сверстать, посадить на движок, подключить формы и аналитику. Если этого делать некому, отдельный дизайн — половина пути, оплаченная целиком. Мы в такой ситуации отправляем в разработку сайта и теряем заказ — зато вы не теряете деньги.

Не готовы обсуждать бюджет — начните с разбора

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

Смотрим три вещи

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

Делим находки надвое

Что чинится правкой на существующем макете и что требует переделки структуры. Это разные деньги и разные сроки, и путать их невыгодно вам: изрядная часть «редизайнов» на рынке — это три правки, растянутые до проекта.

Говорим, если дизайн не нужен

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

Разбор ведёт основатель, а не менеджерВ удобном мессенджере или по телефону. Без звонков без спроса: напишем и договоримся о времени.

Шесть причин, по которым новый дизайн ничего не меняет

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

  1. Макет рисуют без прототипа

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

  2. Рисуют десктоп, а мобильную сжимают

    Больше половины людей приходит с телефона и видит не тот сайт, который согласовывали. На широком экране блоки стоят рядом и читаются вместе; на узком они встают в колонку, и порядок чтения меняется сам собой — макет об этом не знает. Мобильная версия рисуется отдельным макетом, и у нас она первая, а не вторая.

  3. Тексты пишут после макета

    В макете стоит «Заголовок в две строки», и под него потом подгоняют реальный оффер. Он не влезает, его режут, и на первом экране остаётся обрубок, который ничего не обещает. Обратный порядок дешевле и честнее: сначала что сказать, потом как это выглядит. Рамка подстраивается под смысл, а не смысл под рамку.

  4. Согласуют по вкусу, а не по задаче

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

  5. Нет UI-kit — сайт расползается

    Каждая новая страница рисуется заново, кнопки отличаются на пиксели, отступы гуляют, а оттенков серого в макетах становится больше, чем было задумано цветов. Через полгода сайт выглядит как склеенный из кусков, и виноват в этом не последний дизайнер, а отсутствие набора готовых элементов. UI-kit входит во вторую смету — он и есть то, что отличает систему от набора картинок.

  6. Не заложена доступность

    Светло-серый текст на белом, фокус не виден с клавиатуры, тап-зоны мельче пальца, подписи полей исчезают при вводе. Часть людей после этого просто не может пользоваться сайтом — и это не только про инвалидность: на солнце и в перчатках низкий контраст мешает всем. Доступность закладывается в макете; на вёрстке она добавляется дороже и хуже.

Как идёт работа

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

  1. Шаг 1 Разбор полчаса, бесплатно

    Смотрим, что уже есть: сайт, систему, логотип, прежние макеты. Спрашиваем, кто будет верстать и на чём это будет жить. Здесь же отвечаем на главный вопрос — дизайн это, разработка или правка на час.

  2. Шаг 2 Структура и прототип здесь правки дешевле всего

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

  3. Шаг 3 Тексты по вашей фактуре

    Реальные заголовки и реальные абзацы, а не «Заголовок в две строки». Пишем мы, факты вычитываете вы: сроки, состав услуг, гарантии. Ошибку в фактуре видит только тот, кто в бизнесе, — а стоит она дороже любой опечатки.

  4. Шаг 4 Дизайн мобильная версия первой

    Сначала телефон отдельным макетом, потом десктоп. Состояния интерфейса — пусто, загрузка, ошибка, успех — рисуются вместе с экранами, а не вспоминаются на вёрстке. Анимации описываются здесь же и прорисовываются в Figma, а не придумываются верстальщиком на ходу.

  5. Шаг 5 Передача сопровождение до сдачи вёрстки

    Отдаём файл в Figma с правами редактирования, экспортированные иконки и изображения, описание поведения текстом рядом с макетом. Дальше отвечаем на вопросы вашего верстальщика, пока он не сдаст работу: макет, который никто не сопроводил, разъезжается на первой же неочевидной детали.

Между шагами 2 и 3 работа может закончиться — и это нормальный исход. Согласованный прототип с текстами иногда оказывается всем, что было нужно: с ним ваш разработчик соберёт страницу сам, а дизайн подождёт до следующего этапа. Мы скажем об этом, если увидим.

Что входит в работу

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

Прототип до картинки

Структура, порядок блоков и логика форм согласуются отдельным документом. Его видно и понятно без дизайнерского образования, и именно поэтому спор о структуре происходит здесь, а не поверх нарисованного экрана.

Дизайн всех блоков, а не только первого экрана

Частая экономия подрядчика: нарисован первый экран, остальное «по аналогии». По аналогии его потом собирает верстальщик, как понял, — и страница ниже сгиба выглядит другой страницей. У нас нарисовано всё, что будет на экране.

Мобильная версия отдельным макетом

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

Состояния интерфейса

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

UI-kit и компоненты

Цвета, шрифты, кнопки, поля, отступы и их состояния — собранные в набор, а не разбросанные по макетам. Входит во вторую смету и дальше: на одной странице набор не окупается, а на сайте он и есть разница между системой и картинками.

Передача разработчику

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

Часть работы можно не братьЕсли прототип уже согласован или тексты написаны — мы не станем продавать их заново. Скажите, что у вас есть, и уберём это из сметы: состав собирается под задачу, а не выдаётся пакетом.

Разбираемся · 2 минуты

Почему мобильную версию рисуют отдельно

Самый частый вопрос к смете: зачем платить за второй макет, если это тот же сайт. Затем, что на телефоне это не тот же сайт — и различие не в размере, а в порядке чтения.

Десктопный макет — это раскладка в несколько колонок. Телефон — одна колонка. Переход между ними не масштабирование, а пересборка.

  1. порядок меняется сам Что на широком экране стоит рядом и читается вместе, на узком встаёт друг под друга. Картинка и подпись к ней расходятся, две колонки склеиваются в одну ленту, и человек читает не то и не в том порядке
  2. что ломается первым Первый экран уезжает ниже сгиба, и вместо оффера человек видит шапку и кусок картинки. Кнопка заявки оказывается под клавиатурой. Таблица уходит за край и молча обрезается. Длинный заголовок, красивый в две строки, занимает половину экрана
  3. что делают вместо Мобильный экран рисуется первым и отдельно: свой порядок блоков, свои размеры, своё место кнопки. Десктоп достраивается из него — в широкой раскладке место есть всегда, а в узкой его надо заслужить

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

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

Тест: дизайн отдельно или разработка целиком

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

1 · Кто сверстает макет
2 · Что уже есть
3 · Сколько экранов рисовать
4 · Есть ли тексты и фактура
5 · Зачем это нужно сейчас
Ответьте на пять вопросов

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

Отвечено 0 из 5

Тест смотрит на пять признаков, разбор — на сам проект: что уже нарисовано, на чём это живёт и кто будет это поддерживать. Разбор бесплатный, и в нём мы называем состав работ, а не диапазон.

Разобрать мой случай

Разобрать ваш случай на вашем проекте

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

Дизайн это или разработка Какая смета ваша С чего начинать

бесплатно

Ответ в течение рабочего дня. Звонить без спроса не будем

Заявка принята

Посмотрим проект и вернёмся в течение рабочего дня. Если срочно — напишите в Telegram.

От чего зависит цена

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

  1. Сколько непохожих экранов, а не страниц

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

  2. Есть ли прототип и тексты

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

  3. Нужны правила или хватит картинок

    Для одной страницы UI-kit не окупается: набор элементов дороже самих элементов. Для сайта, который будет расти, он обязателен — иначе каждая новая страница рисуется заново и сайт расползается за полгода. Это и есть граница между первой и второй сметой, и проходит она не по красоте, а по тому, будете ли вы добавлять экраны без нас.

  4. Кто верстает и нужно ли сопровождение

    Передать макет и уйти — одна работа. Отвечать на вопросы вашего верстальщика до сдачи, смотреть промежуточную вёрстку и ловить расхождения — другая, и она входит во вторую смету. Если верстает команда, которая с нашими макетами уже работала, сопровождение почти не нужно; если верстает подрядчик, которого вы нашли вчера, оно окупается в первую же неделю.

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

Три сметы вместо одной цены

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

Посадочнаяот 45 000 ₽2–3 недели

Одна страница, сделанная как следует

  • Прототип до дизайна: структура согласуется раньше картинки
  • Дизайн первого экрана и всех блоков страницы
  • Мобильная версия рисуется отдельно, а не сжимается
  • Исходники в Figma передаются вам
  • Две итерации правок входят в работу
  • Передача разработчику с комментариями по поведению
чаще выбираютСайт или сервисот 140 000 ₽5–7 недель

Система, а не набор страниц

  • UI-kit: цвета, шрифты, кнопки, поля, состояния
  • До двенадцати непохожих экранов, остальные собираются из готового
  • Состояния интерфейса: пусто, загрузка, ошибка — их обычно забывают
  • Сетка и правила, по которым страницы добавляются без дизайнера
  • Всё из посадочной внутри
  • Сопровождение верстальщика до сдачи
Фирменный стильот 220 000 ₽7–10 недель

Как вы выглядите везде

  • Логотип и знак в наборе размеров и вариантов
  • Палитра, шрифты, правила их применения
  • Носители: документы, презентация, соцсети, вывеска
  • Руководство по стилю с примерами «так» и «не так»
  • Исходники и шрифтовые лицензии оформляются на вас
  • Сопровождение при первых применениях

Первая смета — это страница в макете, а не в браузере. Если нужна та же страница работающей, с формой, аналитикой и доменом, смотрите разработку: там лендинг стоит от 50 000 ₽, и дизайн входит в него. Отдельной строкой дизайн берут, когда верстать есть кому, — об этом таблица выше

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

Что входит в цену, а что считается отдельно

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

Входит в смету
  • Прототип и согласование структуры до того, как нарисован первый экран
  • Дизайн всех блоков страницы, а не только первого экрана
  • Мобильная версия отдельным макетом, со своим порядком блоков
  • Две итерации правок — это не «правим до победного» и не «одна правка, дальше по часам»
  • Исходники в Figma с правами редактирования
  • Передача разработчику: экспорт, комментарии по поведению, ответы на вопросы
Оплачивается отдельно
  • Вёрстка и разработка. Это другое направление и другая смета — разработка сайтов
  • Съёмка, фотосессия и обработка фотографий. Цены заранее не называем: она зависит от города, объёма и того, кто снимает. Считаем после разбора, отдельным счётом
  • Иллюстрации, 3D и анимационные ролики. Это отдельная работа и отдельные исполнители — в дизайн страницы они не входят ни у кого, кто считает честно
  • Платные шрифты и стоковые изображения. Лицензия оформляется на вас, а не на студию: иначе вы платите за право, которым владеет кто-то другой
  • Правки после сдачи. По часам: 3 000 ₽ вне договора и 2 000 ₽ внутри абонемента — поддержка

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

Файл в Figma ваш, а не наш

В дизайне это место рынок портит чаще всего. Макет отдают картинками или ссылкой «только посмотреть», а исходник остаётся у студии — и каждая следующая правка снова идёт через неё и по её цене. Формально вам ничего не должны: в договоре про исходники обычно не написано ни слова.

Уйти от нас можно в любой момент и продолжить с любым другим дизайнером — файл уже ваш. Это пункт договора, а не жест доброй воли.

Как это оформлено в договоре

  • Файл в Figma на вашем аккаунте — с правами редактирования и историей версий
  • Все макеты: десктоп, мобильная версия и состояния интерфейса
  • Прототип со ссылкой, которую можно показать кому угодно без регистрации
  • UI-kit и компоненты — в сметах, где они есть: новые экраны собираются без нас
  • Логотип и знак в векторе, в наборе размеров и вариантов — в фирменном стиле
  • Шрифтовые лицензии оформляются на вас, а не на студию
  • Экспортированные иконки и изображения в нужных размерах и форматах
  • Описание поведения и анимаций — текстом рядом с макетом, а не «на словах»

Фрилансер, агентство или студия

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

Что смотримФрилансер с биржиДизайн-агентствоМы
Цена обычно ниже обычно выше от 45 000 ₽ за посадочную
Прототип и тексты до макета редко: заказывают картинку — рисуют картинку бывает, чаще отдельной строкой в смете всегда, это первый этап работы
Мобильная версия часто сжатый десктоп как договорились на старте отдельный макет, рисуется первым
Исходники как повезёт: бывает, отдают картинками иногда остаются у агентства — смотрите договор файл в Figma на вашем аккаунте, с правами
Если исполнитель пропал работа встаёт: он и был всей командой заменят, но контекст проекта теряется прототип и файл уже у вас — продолжить может кто угодно
Если макет не верстается спор без арбитра: верстальщик и дизайнер не знакомы по договору, если в нём про это написано отвечаем на вопросы вашего верстальщика; сопровождение до сдачи — со второй сметы

Четыре вопроса, которые стоит задать любому подрядчику, включая нас. Будет ли прототип до макета и кто его согласует. Мобильную версию рисуете отдельно или сжимаете десктоп. Сколько итераций правок входит и что считается итерацией. Кому принадлежит файл с исходниками после оплаты. Ответы на них видно в смете; всё остальное — вкус, и проверить его до начала работ нельзя.

Четыре мифа, которые дороже всего обходятся

Здесь по канону сайта должен стоять блок «до и после» с процентами роста конверсии. Его не будет: дизайн отдельной услугой студия не продавала, раскрытых дизайн-кейсов у нас нет, и придумывать «рост в два с половиной раза после редизайна» мы не станем. В портфолио одиннадцать работ — это разработка и автоматизация; дизайн внутри них наш, но отдельной цифры «сколько прибавил макет» не существует, потому что менялся не только макет. Вместо витрины — четыре утверждения, каждое из которых стоит заказчикам денег.

«Современный дизайн повышает конверсию»

Современность — это мода, а мода меняется быстрее, чем окупается редизайн. До заявки человека доводят другие вещи: понятно ли с первого экрана, куда он попал; совпадает ли обещание с тем, по чему он кликнул; виден ли следующий шаг. Всё это решается структурой, и всё это можно проверить цифрами — в отличие от современности.

«Дизайнер сам знает, как лучше»

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

«Сначала картинка, потом текст»

Тогда текст подгоняют под рамку: заголовок режут до размера плашки, а из абзаца выкидывают то, ради чего он написан. Порядок обратный и вдобавок дешевле — он и стоит в нашем процессе. Верный признак, что порядок нарушен: в макете, который вам показывают, стоит «Заголовок в две строки» вместо вашего оффера.

«Макет согласован — значит, хороший»

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

Что понадобится от вас

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

Чего НЕ нужно: брендбука, готовых текстов, подборки референсов «сделайте как здесь» и решения заранее, как всё должно выглядеть. Референсы мы, наоборот, просим не присылать до разговора: они уводят обсуждение с задачи на вкус, а вернуться обратно потом трудно.

Заполнить бриф — это и есть первый пункт списка

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

Спросить, дизайн это или разработка

Не понимаете, что вам нужно — макет или сайт?Пришлите ссылку на текущий сайт или на то, что уже нарисовано. Посмотрим и ответим одной строкой: дизайн, разработка или правка на час. Пятнадцать минут, без счёта и без созвона.

Спросить в Telegram Когда наши услуги не нужны

Девять типовых задач

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

Лендинг Одна страница: прототип, все блоки, отдельный мобильный макет от 45 000 ₽ · 2–3 недели, самый частый формат Сайт Система экранов и UI-kit, а не набор нарисованных страниц от 140 000 ₽ · дальше страницы собираются без дизайнера Интернет-магазин Каталог, фильтры, карточка, корзина и оформление заказа от 140 000 ₽ · экранов немного, а состояний у них много Корпоративный сайт Услуги, отрасли, о компании, вакансии — много непохожих разделов от 140 000 ₽ · считаем непохожие экраны, а не страницы Мобильное приложение Экраны по правилам платформы: жесты, переходы, системные элементы от 140 000 ₽ · считаем от числа непохожих экранов Telegram Mini App Интерфейс внутри мессенджера, с его темой и его ограничениями от 140 000 ₽ · вёрстку и логику делает разработка Mini App Презентация Для инвестора, тендера или продажи — структура и слайды считаем отдельно · цены в прайсе нет: объём зависит от числа слайдов Фирменный стиль Логотип, палитра, шрифты, носители и руководство по применению от 220 000 ₽ · 7–10 недель, это не про сайт UI-kit Набор элементов и правил для продукта, который уже живёт от 140 000 ₽ · та же вторая смета: набор собирается вместе с экранами

Дизайн для вашей отрасли

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

Что обычно идёт рядом

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

Если верстать некому Разработка сайта: результат в браузере, а не в Figma дизайн входит в работу, отдельной сметой его брать не нужно Если непонятно, что писать Продуктовый маркетинг: что вы продаёте, кому и почему за эти деньги дизайн оформляет предложение, но не придумывает его за вас Если нужен поток заявок Лидогенерация: посадочная, канал и учёт заявок одним проектом там посадочная — инструмент гипотезы, её не рисуют «на годы» Если интерфейс внутри Telegram Telegram Mini App: экраны, каталог и заявка в мессенджере макет и разработку там обычно берут одной работой Если нужен дизайн каждый месяц SMM: публикации, оформление и ответы в соцсетях шаблоны оформления даёт фирменный стиль, а ведение — это уже не дизайн-проект Если непонятно, что чинить Аудит: письменный разбор того, что уже работает дешевле редизайна и часто вместо него — от 25 000 ₽

Когда дизайн отдельной строкой вам не нужен

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

  1. Верстать некому, а результат нужен в браузере

    Файл в Figma не открывается посетителем сайта. Чтобы макет стал страницей, его надо сверстать, посадить на движок, подключить формы, аналитику и домен. Если этого делать некому — ни своего фронтенда, ни подрядчика, — отдельный дизайн оказывается половиной пути, оплаченной целиком, и лежит без применения месяцами. Вам в разработку: там лендинг стоит от 50 000 ₽ и дизайн в него входит. Разработка сайтов

  2. Нужна посадочная под одну рекламную кампанию

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

  3. Сайт работает, но «надоел»

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

  4. Нужен один баннер, визитка или обложка

    Это работа на час, и студийный процесс с прототипом, согласованиями и передачей сделает её дороже, чем она стоит. Такое честнее заказать напрямую дизайнеру — результат будет тот же, а цена другая. Мы беремся там, где макет надо не только нарисовать, но и довести до того, кто его соберёт.

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

Когда вам это не нужно

Дизайн сайта: что стоит знать до заказа

Сколько стоит дизайн и почему он почти как сайт целиком

Дизайн посадочной страницы у нас начинается от 45 000 ₽, дизайн сайта или сервиса — от 140 000 ₽, фирменный стиль — от 220 000 ₽. Первую цифру почти всегда сравнивают с соседней страницей, где разработка лендинга начинается от 50 000 ₽, и делают вывод, что дизайн отдельно почти не имеет смысла. Вывод неверный, но ошибка в нём естественная: сравниваются не те строки.

Лендинг от 50 000 ₽ — это страница на готовом решении, настроенном под вас, и при условии, что тексты и фотографии уже есть. Дизайн в ней действительно присутствует, но он не рисуется с нуля: берётся проверенная основа и подгоняется под вашу задачу, цвета и материалы. Это нормальный и разумный выбор для первой версии под рекламу — и именно он держит цену внизу. Индивидуальный дизайн появляется в разработке со второй сметы, от 150 000 ₽, и в проекте он честно прибавляет около трети стоимости.

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

Что именно вы получаете на руки

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

Мы передаём файл в Figma на ваш аккаунт с правами редактирования и с историей версий. Вместе с ним — прототип со ссылкой, которую можно открыть без регистрации и показать кому угодно; макеты десктопа и отдельный мобильный макет; состояния интерфейса; экспортированные иконки и изображения в нужных размерах; описание поведения и анимаций текстом рядом с макетом. В сметах, где есть UI-kit, передаётся и он — набор готовых элементов, из которых новые экраны собираются без дизайнера.

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

Прототип, мобильная версия и число итераций

Три строки сметы, по которым подрядчики сравниваются честнее, чем по портфолио. Портфолио показывает лучшее, что было; строки сметы показывают, как устроена работа.

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

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

Число итераций правок — строка, из-за которой чаще всего ссорятся. В первую смету входят две итерации: два круга замечаний с вашей стороны и два круга правок с нашей. Это не «правим до победного» — такого обещания не выполняет никто, и оно всегда заканчивается либо счётом, либо испорченными отношениями. Но это и не «одна правка, дальше по часам»: двух кругов хватает, когда структура согласована заранее, а критерий сформулирован не как «нравится», а как «человек понимает, что делать дальше».

Фирменный стиль: что в него входит, а чего в нём нет

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

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

Брать фирменный стиль имеет смысл, когда у компании больше одной точки соприкосновения с клиентом: сайт, соцсети, документы, вывеска, машины, форма сотрудников. Пока точка одна, стиль в ней и живёт, а отдельное руководство некому применять. В такой ситуации честнее начать с той самой одной точки и вернуться к стилю, когда их станет больше.

Вопросы про дизайн

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

Дизайн посадочной начинается от 45 000 ₽ и занимает 2–3 недели. Сайт или сервис с UI-kit — от 140 000 ₽, фирменный стиль — от 220 000 ₽. Разброс берётся не с потолка: он зависит от числа непохожих экранов, от того, есть ли уже прототип и тексты, нужны ли правила для роста и кто будет верстать. Точный состав называем после получасового разбора — сразу тремя сметами

Делаем, но это другая услуга и другая смета. Дизайн отдельной строкой берут там, где верстать есть кому: свой фронтенд, ваш подрядчик, команда продукта. Если верстать некому и результат нужен в браузере — вам в разработку, там лендинг стоит от 50 000 ₽ и дизайн в него входит. Мы скажем об этом на разборе и отправим в нужную сторону, а не продадим макет, который некому собрать. Разработка сайтов

Вам. Файл в Figma заводится на вашем аккаунте, с правами редактирования и историей версий, — не «ссылка посмотреть» и не выгруженные картинки. Вместе с ним передаются экспортированные изображения и иконки, описание поведения и, если он есть в смете, UI-kit. Платные шрифты лицензируются на ваше юрлицо. Продолжить работу с любым другим дизайнером можно в любой момент, ничего выпрашивать не придётся. Оплата и гарантии

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

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

Да, и это обычный случай. Если брендбук есть, он задаёт палитру, шрифты и правила — спорить с ними мы не будем, а вот сказать, где они мешают задаче, обязаны: фирменные цвета часто не проходят по контрасту, а фирменный шрифт бывает нечитаем в мелком кегле. Такие места показываем и предлагаем решение внутри ваших же правил. Если брендбука нет, он и не нужен для одной страницы — нужен, когда точек соприкосновения с клиентом становится много.

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

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

Расскажите про задачу — вернёмся с тремя сметами

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

Ответ в течение рабочего дня

Заявка принята

Вернёмся в течение рабочего дня. Если срочно — напишите в Telegram.