Разработка дизайна сайта

Называют это по-разному: разработка и дизайн сайтов, дизайн и создание сайтов, разработка дизайна сайта под ключ. За словами одно и то же — сайт делается целиком.

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

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

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

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

Одна цена за готовый сайт. Вы платите не за файл, который потом нужно кому-то отдать и оплатить сборку отдельно, а за результат целиком — и знаете сумму до начала работы. Она зависит от формата, а не от дизайна: разбор по форматам — на странице цен.

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

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

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

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

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

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

Разница видна в цифрах: этот сайт — с 3D-графикой, движением по скроллу и кинематографическими переходами — держит мобильный PageSpeed 97. Не потому что мы отказались от эффектов, а потому что заранее знали цену каждого.

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

Услуги разработки дизайна сайта отдельной строкой в смете не существует: разработка сайтов и дизайн — это один счёт за готовый сайт.

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

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

Работаем по договору: половина суммы вперёд, остальное на сдаче.