Расскажите, что у вас за задача
Отвечу в течение рабочего дня.
Без рассылок.
/03/
Дизайн сайта без вёрстки
Полный макет со всеми состояниями и брейкпоинтами.
Вы получаете файл, по которому разработчик соберёт сайт, не задавая мне вопросов.
Вы получаете файл, по которому разработчик соберёт сайт, не задавая мне вопросов.
от 50 000 ₽
от 5 дней
МАКЕТ, КОТОРЫЙ МОЖНО ВЕРСТАТЬ
Дизайн без вёрстки — это не «нарисовать красиво и отдать картинку». Это макет, собранный по логике разработки: сетка, компоненты, состояния, поведение на каждом разрешении.
Разработчик не должен додумывать. Если в макете нет состояния кнопки при наведении или экрана с пустым списком — он придумает их сам, и результат перестанет быть вашим.
Поэтому файл отдаётся с пояснениями: что фиксировано, что тянется, что происходит при клике. После такой передачи вопросов обычно не остаётся.
ПРОЦЕСС РАБОТЫ
Этап 1. Структура
Разбираем задачу и собираем прототип: какие экраны нужны, что на каждом, в каком порядке идёт человек.
На этом этапе ещё дёшево передумать — переставить экран стоит десять минут, а не переделку макета.
Этап 2. Дизайн
Сетка, типографика, компоненты, состояния. Сначала показываю первый экран и согласовываем направление, дальше идут остальные.
Правки собираются пачками, а не по одной: так быстрее и вам, и мне.
Этап 3. Передача
Файл приводится в порядок: слои названы, компоненты собраны, брейкпоинты 1440 / 768 / 360 — или пять стандартных, если у вас так принято.
Прикладываю шрифты, иконки и подготовленные изображения. Дальше могу быть на связи с разработчиком, пока он верстает.
ЧТО ВЫ ПОЛУЧАЕТЕ
Figma-файл с доступом на редактирование
Все экраны в 3 разрешениях
Состояния элементов: наведение, нажатие, ошибка, пустой экран
Собранные компоненты и текстовые стили
Шрифты, иконки и подготовленные изображения
Передачу разработчику: разбор файла голосом или текстом
ФИНАЛЬНАЯ ЦЕНА ЗАВИСИТ ОТ
Количества экранов
Сложности интерфейса
Нужна ли дизайн-система
Количества разрешений
Количества правок
Языковых версий
Проекты
ЭТА УСЛУГА ПОДХОДИТ, ЕСЛИ
У вас есть свой разработчик или подрядчик
Сайт делается на коде, а не на конструкторе
Нужен дизайн, а сборка уже закрыта
Есть дизайн-система, и её надо продолжить
Проект большой, дизайн идёт параллельно с разработкой
ВОПРОСЫ
Почему без вёрстки дешевле — работы меньше?
Меньше по объёму, но не по глубине. Уходит сборка, подключение форм, домена и аналитики. Сам дизайн остаётся тем же.
Наш разработчик говорит, что макеты дизайнеров невозможно верстать.
Слышала это много раз, и причина обычно одна: макет нарисован на глаз, без сетки и компонентов. У меня сетка (12 колонок, 8 или 4, кастомная), отступы кратные, компоненты собраны. Если у разработчика есть свои требования к файлу — скажите заранее, подстроюсь.
3 разрешений хватит?
1440 / 768 / 360 покрывают десктоп, планшет и телефон — в большинстве случаев этого достаточно. Если у вас принято пять стандартных брейкпоинтов, сделаю пять.
Мы потом захотим ещё экраны. Это заново?
Нет. Файл собран на компонентах: новый экран собирается из готовых блоков, а не рисуется с нуля.
Кто отвечает, если свёрстанный сайт не похож на макет?
Формально — тот, кто верстал. Практически я стараюсь до этого не доводить: остаюсь на связи с разработчиком во время сборки и проверяю результат.
Вы работаете внутри нашей дизайн-системы?
Да. Если система есть, я работаю в ней и не переизобретаю то, что у вас уже установлено.
Можно посмотреть файл до оплаты?
Могу показать структуру похожего проекта: как названы слои, как собраны компоненты, как размечены состояния. Чужие файлы целиком не показываю.
Сколько правок входит?
Направление фиксируем на первом экране, 2 круга правок на каждом этапе, но собранные в единый файл. Полная смена концепции после согласования — это уже новая работа.