Веб-разработчик · Санкт-Петербург
Рисую макет, по которому сайт можно собрать — у меня, у вашего разработчика или своими руками на конструкторе. Отдаю исходники Figma, адаптив под телефон и планшет и сборочную сетку: отступы, кегли, цвета, состояния кнопок. Ничего не остаётся «в голове дизайнера», поэтому макет верстается без переспрашиваний.
Дизайн я делаю двумя способами: рисую макет отдельно, если сборка на вас или на вашем разработчике, — или веду сайт целиком, и тогда дизайн уже входит в его цену.
Отдельный дизайн заказывают не все и не всегда. Четыре случая, когда это действительно дешевле и быстрее.
Частый случай: программист берётся сверстать и подключить, но рисовать не хочет и не должен. Отдаю макет в том виде, в каком его ждёт верстальщик, — с сеткой, состояниями кнопок и отдельно нарисованным адаптивом. Вопросы по макету во время вёрстки разбираю сам.
Разработка на чистом кодеСтруктура рабочая, заявки идут, переделывать всё смысла нет — нужен новый визуальный слой поверх существующего. Если менять придётся не только вид, но и структуру с текстами, — это уже редизайн, и считается он иначе.
Редизайн сайтаTilda и подобные дают собрать сайт руками, но не дают вкуса: типовые блоки видно сразу. Макет закрывает эту часть, сборку оставляем вам. Отдельно скажу, какие блоки конструктора повторят макет без потерь, а какие лучше не трогать.
Разработка на TildaТогда отдельный макет заказывать незачем: дизайн входит в цену сайта, и вы не платите дважды за стык дизайна и вёрстки. Этот случай честнее остальных: если сборка всё равно на мне, отдельная строка «дизайн» вам ничего не даёт.
Разработка сайтовОдно и то же слово «дизайн» на рынке означает и один нарисованный экран, и полный комплект для вёрстки. Вот что под ним понимаю я.
Порядок экранов и блоков до отрисовки: что за чем идёт и какой блок отвечает за заявку. Согласуем до того, как появится цвет.
Первое, что видит человек: заголовок, предложение, действие. Обычно самый долгий экран проекта — он задаёт стиль всем остальным.
Услуги, каталог, карточка, о компании, контакты — сколько нужно проекту, столько и рисуем. Однотипные считаются как один экран и правило к нему.
Тот же макет под телефон и планшет. Не «сожмём при вёрстке», а отдельно нарисованные экраны: на узкой ширине блоки часто перестраиваются, а не масштабируются.
Колонки, поля, шаг вертикального ритма. Без этого вёрстка расходится с макетом на второй же странице, и спорить потом не о чем.
Шрифты, кегли, начертания, межстрочные — списком, а не «снимите пипеткой из макета». Верстальщику это экономит день, вам — деньги.
Палитра, кнопки в покое, при наведении и нажатии, поля формы с ошибкой и без. Состояния — то, что чаще всего забывают и потом дорисовывают на ходу.
Иконки, подготовленные фотографии, экспорт в нужных форматах и плотностях. Уникальные иллюстрации, если они нужны, считаются отдельной строкой.
Файл Figma с доступом на редактирование. Ваш насовсем: вести макет дальше может любой дизайнер, привязки ко мне нет.
Тексты в макете настоящие. Не «рыба» и не строки из шаблона: на реальном тексте сразу видно, где блок разваливается, а где пустует. Если текстов нет — напишу сам, это отдельная строка сметы.
Дизайн считается не «за сайт», а по экранам: сколько их и насколько они разные. Поэтому вилка на рынке такая широкая — за одним словом прячется и один экран, и двадцать.
Что в смете не появляется никогда — правки, которые не меняют объём: круги согласования на прототипе и на главном экране уже посчитаны. Пришлите задачу — назову состав и сумму до старта.
Цена фиксируется в смете после брифа и дальше не растёт, пока не меняется объём. Если бюджет меньше — скажу, что в него помещается: например, макет главного экрана и правила, по которым остальные соберёте сами.
от 2 000 ₽
от 10 000 ₽
от 20 000 ₽
Если нужна и сборка. Тогда это уже не дизайн отдельно, а сайт под ключ, и платить дважды за стык дизайна и вёрстки не придётся: визитка от 5 000 ₽, лендинг от 15 000 ₽, корпоративный сайт от 30 000 ₽, магазин от 40 000 ₽ — дизайн там входит в цену. Обратная услуга тоже есть: если макет уже нарисован, соберу по нему сайт — от 5 000 ₽ на конструкторе и от 10 000 ₽ самописным сайтом. Все цены и что в них не входит.
Два способа получить один и тот же результат. Разница не в качестве дизайна, а в том, кто делает вёрстку и кто отвечает за итог.
Честно про разницу. Отдельный макет дешевле по чеку, но между дизайном и работающим сайтом остаётся шаг вёрстки — и на этом шаге чаще всего теряется точность. Если собирать некому, вариант с макетом обходится дороже: сначала макет, потом поиск верстальщика, потом сведение того и другого.
Согласование идёт дважды и в тех местах, где правка ещё дешёвая: на прототипе и на главном экране.
Отвечаете на вопросы о задаче, клиентах и конкурентах. Час-полтора.
Смотрю нишу и то, что стоит у конкурентов. Здесь решаем, сколько экранов нужно на самом деле.
Фиксирую состав, цену и срок. Дальше цена не меняется, если не меняется объём.
Порядок блоков без цвета. Согласуем: на этом шаге правки стоят дёшево, на отрисованном макете — дорого.
Первым делом стиль: типографика, цвет, характер. Согласуем отдельно от остальных экранов.
По утверждённому стилю. Идут заметно быстрее первого — стиль уже не обсуждается.
Телефон и планшет отдельными экранами, с перестроенными блоками, а не сжатыми.
Доступ к Figma, шрифты и цвета списком, экспорт графики. Вопросы верстальщика по макету разбираю сам.
Два вопроса, на которые чаще всего не отвечают заранее: сколько правок входит и кому в итоге принадлежит файл.
Всё перечисленное считается по той же логике, что и основная работа: называю состав и сумму заранее, задним числом счёт не растёт.
Отдельный дизайн — не универсальное решение. Там, где он лишний, честнее сказать сразу.
Макет — это то, как сайт будет выглядеть, с точными размерами и правилами. Сайт — работающие страницы в интернете. Между ними шаг вёрстки: кто-то должен превратить макет в код. Если делать оба шага у меня, дизайн входит в цену сайта и отдельно не считается.
Да, ровно для этого страница и существует. Отдаю исходники Figma и правила сборки — сетку, кегли, цвета, состояния кнопок, — дальше сайт собирает кто угодно. Пока идёт вёрстка, на вопросы по макету отвечаю сам.
Правки внутри согласованного объёма входят целиком, число кругов я не считаю. Отдельно считается только то, что меняет объём: смена направления дизайна после согласования главного экрана и экраны сверх сметы. Об этом говорю заранее, а не в конце работы.
Вам. Исходник Figma остаётся у вас с доступом на редактирование, права переходят после полной оплаты. Дальше макет может вести любой дизайнер: возвращаться ко мне за каждой правкой не нужно.
Обычно недовольство вызывает не рисунок, а то, чего в макете нет: сетки, состояний кнопок, адаптива. Всё это входит по умолчанию, поэтому додумывать верстальщику не приходится. Если вопросы всё-таки появятся — разберу их напрямую с ним.
От 2 000 ₽ за отдельный экран. Точная цифра зависит от того, что на странице: главный экран лендинга и внутренняя страница каталога — разная работа. Сумму называю после брифа, и она фиксируется в смете.
Да. Логотип чаще всего нужен раньше сайта: его ставят в шапку, в подпись письма и в документы. Делаю знак, версии под разные носители, цвета и шрифты, правила использования — и передаю права. Подробнее на странице логотип и фирменный стиль. Оформление ВКонтакте и Telegram — соседний раздел сайта.
Тогда смотрим, что менять. Если только вид — это новый макет поверх работающей структуры. Если структуру и тексты тоже — это редизайн, он считается иначе и живёт на своей странице.
Страницы направления. У каждой работы своя страница с составом, сроком и ценой. Логотип чаще всего нужен раньше сайта, презентация и карточки — после запуска.
Логотип и фирменный стиль · Презентация под ключ · Карточки для маркетплейсов
Смотрите также. Если вопрос шире дизайна — соседние разделы сайта: там же цены на сборку и продвижение.
Разработка сайтов · Редизайн сайта · Разработка на чистом коде · Разработка на Tilda · Оформление соцсетей · Все услуги · Стоимость всех услуг
