01 · дизайн сайтов и интерфейсов
Прототип, макеты в Figma и дизайн-система — комплект, готовый к вёрстке. Рисуем под свою разработку и отдельной услугой для вашей команды
Сайт с нуля и библиотека компонентов для чужой разработки — разные работы с разным составом. Считаем и делаем их по-разному
Есть услуга и есть клиенты, нет ни структуры, ни макетов. Собираем сайт с чистого листа — от порядка экранов до последней кнопки
Сайт работает и приносит заявки, но выглядит старше продукта и теряет людей на первом экране
В этом экране работают каждый день по восемь часов. Важны таблицы, фильтры и то, как ведёт себя интерфейс при ошибке
Когда экранов десятки, каждый следующий должен собираться из готовых деталей, а не рисоваться заново
Телефон — первый экран, на котором увидят ваш сайт. Мобильный макет рисуем сразу, а не сжимаем десктопный в конце проекта
Стоковые картинки делают сайт похожим на соседний. Иконки, схемы и иллюстрации рисуем под ваш проект
Шесть шагов, и каждый заканчивается тем, что можно открыть и посмотреть, а не обещанием показать на следующей неделе
Кто покупает, что мешает выбрать, какие экраны обязательны. Смотрим ваш нынешний сайт и то, что показывают конкуренты
Серые блоки без цвета: что где стоит и в каком порядке читается. Спорить о структуре дешевле, пока не нарисован ни один макет
Главный экран в двух вариантах — разных по характеру, но оба про вас. Выбираете направление, дальше все экраны идут в нём
Каждый экран в десктопной и мобильной версии, с настоящими текстами. И рядом — пустой список, загрузка, ошибка, длинное название
Цвета, шрифты, сетка и компоненты в одном файле. Новая страница собирается из готовых деталей за час, а не рисуется неделю
Отдаём исходники, иконки и спецификации, отвечаем на вопросы вёрстки и сверяем собранные страницы с макетом до самого запуска
Макеты уезжают разработчикам вместе с дизайн-системой, иконками и спецификациями. Вёрстка не додумывает отступы, цвета и состояния
В комплекте передачи: Figma, Дизайн-система, Макеты мобильных, Состояния кнопок и форм, Иконки в SVG, Шрифты и лицензии, Спецификации отступов, Передача исходников
Если у вас уже есть разработчики, работаем их привычным способом: файл в Figma с правами доступа, задачи в вашем трекере и созвон на вопросы по вёрстке. Макет без ответов на вопросы — половина работы
Красивый макет из презентации часто разваливается в вёрстке: текст оказался длиннее, данных нет, экран уже. Мы проверяем это заранее
В макет идут ваши заголовки и описания услуг. Чаще всего вёрстку переделывают именно из-за того, что настоящий текст оказался длиннее красивой заглушки
Отзывов пока нет, форма отправляется, платёж не прошёл. Эти три состояния рисуем сразу, иначе их придумывает разработчик на ходу
Проверяем карточки и меню на крайних случаях: название в четыре слова, цена в семь знаков, фамилия, которая не помещается в строку
Все расстояния кратны одному шагу. Верстальщик не угадывает 13 или 14 пикселей, а берёт значение из спецификации
Узкий экран идёт рядом с широким на каждом шаге. Так видно заранее, что меню, таблица и длинная форма переживут телефон
Кнопка, поле и карточка живут в библиотеке в одном экземпляре. Правка расходится по всем экранам сразу, а не остаётся только там, где о ней вспомнили
Считаем по числу экранов и состояний, а не «за сайт». Смету присылаем после брифа и не меняем её после старта, пока не меняется задача
от 120 000 ₽
2 недели
от 300 000 ₽
4–6 недель
от 600 000 ₽
от 8 недель
Созвон на 30 минут: задача, аудитория, список экранов. На следующий день присылаем смету с этапами и сроком
Сначала структура серыми блоками, затем два направления стиля на главном экране. Выбор за вами
Показываем экраны частями и правим до согласования. Каждый этап закрываем актом, оплата по этапам
Отдаём исходники и спецификации, отвечаем вёрстке и сверяем собранные страницы с макетом. Месяц надзора входит в цену
Открыт 01 из 07
Не нашли свой вопрос — задайте его в Телеграме, ответим в рабочее время
Спросить в ТелеграмеОт 120 000 ₽ за визитку, дальше — по числу экранов
Считаем не «за сайт», а по экранам и состояниям: сколько уникальных страниц, нужна ли мобильная версия каждой, есть ли кабинет и формы. Сайт-визитка — от 120 000 ₽, сайт компании с дизайн-системой — от 300 000 ₽. Точную сумму называем после брифа и не меняем её, пока не меняется задача
Да, услуги веб-дизайнера берём отдельно
Дизайн берём и связкой «веб-разработка и дизайн», и отдельной услугой — только макеты для вашей команды. Во втором случае отдаём исходники, дизайн-систему и спецификации, а во время вёрстки отвечаем на вопросы разработчиков и сверяем собранные страницы с макетом
Файл в Figma со слоями, компонентами и стилями
Макеты десктопа и телефона, библиотека компонентов, палитра и шрифтовые стили, иконки в SVG, спецификации сеток и отступов. Файл передаём вам целиком: дальше его может вести любая студия или штатный дизайнер
Да, это первый тариф
Маленький сайт делаем по той же схеме, только короче: прототип, один стиль, пять экранов с мобильной версией и иконками. Если задача ещё меньше — скажем честно, что хватит готового шаблона, и не будем продавать лишнее
Они входят в любой проект
Мобильный дизайн сайта идёт рядом с десктопным на каждом шаге, а не пририсовывается в конце. Отдельно проверяем меню, таблицы, длинные формы и размер кнопок под палец
Два круга на каждом этапе
Прототип, стиль и макеты правим по два раза на этапе — этого обычно хватает. Если после согласования меняется сама задача (появляется новый раздел или кабинет), считаем это отдельной работой и заранее называем сумму
Работаем в нём, стиль не переизобретаем
Берём ваш брендбук: знак, цвета, шрифты — и разворачиваем их в элементы веб-дизайна, которых в брендбуке обычно нет: кнопки, поля, карточки, таблицы, состояния. Если брендбука нет, рисуем минимальный набор правил прямо в дизайн-системе
Расскажите, что за проект и к какому сроку нужны макеты. Работаем по Москве и удалённо: ответим в рабочее время в течение двух часов, смету пришлём на следующий день