Михаил ЛопатинМоскваДмитровское шоссе д. 50 оф.240

Дизайн сайта на заказ

Дизайн сайта на заказ

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

16лет в разработке
4 500+проектов сделано
22работы в открытом портфолио
40отраслей с опытом

Дизайн сайтов — самая массовая наша работа, и одновременно та, где показать можно меньше всего. Многие макеты рисовались под NDA или как субподряд для других студий. В открытых кейсах лежит согласованное, а близкий к вашей задаче пример пришлём отдельно.

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

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

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

Что входит в дизайн сайта

Прототип структуры до отрисовки
Макеты главной и всех типовых внутренних страниц
Отдельная проработка мобильной версии
Состояния: наведение, нажатие, ошибка, пустой список
Подготовка к вёрстке: сетка, отступы, размеры
Исходники в Figma остаются у вас

Что отличает рабочий макет

Логика раньше красоты

Переставить блок в прототипе — минуты, в готовом макете — дни.

Мобильная отдельно

Не сжатый десктоп, а свой сценарий под то, как пользуются с телефона.

Без шаблонов

Купленную тему посетитель считывает мгновенно — и перестаёт верить тому, что вы о себе пишете.

Как проходит работа над макетами

1Изучаем посетителяКто заходит на сайт и какое действие должен совершить
2Строим прототипыПорядок блоков согласуем до отрисовки — так правки дешевле
3Рисуем ключевые экраныГлавная и типовые внутренние под ваш реальный контент
4Прорабатываем телефонОтдельный мобильный сценарий, а не сжатая десктопная версия
5Рисуем состоянияНаведение, нажатие, ошибка, загрузка, пустой список
6Передаём в вёрсткуМакеты с сеткой и отступами, исходники остаются у вас

Дизайн-проекты студии

Портфолио по этому направлению — 22 проекта с описанием задачи и решения.

Смотреть работы: Дизайн сайтов

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

Отдаёте исходники?

Да, Figma ваша. Дальше работайте с кем удобно.

Можно без вёрстки?

Можно. Макеты готовим так, чтобы их принял любой верстальщик.

Сколько правок входит?

В рамках согласованного направления правим до результата. Смена концепции целиком обсуждается отдельно.

МЛ

Михаил Лопатин

Руководитель веб-студии Tutmee. В разработке с 2010 года, больше 4 500 проектов.

Разбираю задачу лично и сам считаю смету. Напишите — отвечу, даже если в итоге сделаете не у нас.