Обсудить проект EN
EN

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

UX-прототип
концепция
адаптив
UI-kit
2–4
недели на проект
Дизайн, который не просто нравится, а ведёт посетителя к заявке и не разваливается на мобильном.
Смотреть стоимость → Получить консультацию
about

Что такое дизайн сайта

Дизайн сайта — это не только внешний вид. Это сценарии, структура, логика блоков, визуальные акценты, удобство пользователя и путь до заявки.
goals

Для каких задач подходит

Подходит для новых сайтов, редизайна, подготовки к разработке, улучшения конверсии, упаковки бренда и создания современного интерфейса.
advantages

Преимущества услуги

Хороший дизайн не только нравится, но и ведёт посетителя к заявке на любом устройстве.
01

Понятная структура

Пользователь быстро понимает, куда попал и что делать дальше.
02

Сильный визуал

Сайт выглядит современно, уверенно и выделяется на фоне конкурентов.
03

Адаптивность

Макеты продумываются для мобильных и десктопных сценариев.
04

Готовность к разработке

Передаём логичные макеты, компоненты и состояния.
included

Что входит в работу

Из этих этапов складывается дизайн сайта — от анализа до передачи в вёрстку.
01
Анализ и референсы
Разбираем нишу и собираем референсы вместе с вами, чтобы согласовать направление до отрисовки макетов.
02
UX-прототип
Проектируем структуру и логику экранов в чёрно-белом виде — так видно суть, а не цвета.
03
Визуальная концепция
Отрисовываем ключевой экран в двух направлениях и согласуем одно перед работой над остальными.
04
Адаптив
Прорабатываем макеты под десктоп, планшет и мобильные отдельно, а не оставляем это на усмотрение верстальщика.
05
UI-kit и дизайн-система
Собираем компоненты, цвета, шрифты и состояния кнопок — чтобы новые страницы делались быстро и единообразно.
06
Передача в вёрстку
Готовим макеты с сеткой, отступами и комментариями, сопровождаем вёрстку и принимаем результат.
stages

Этапы работы

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

Форматы и стоимость

Стоимость зависит от количества уникальных страниц, сложности интерфейса и объёма графики.

UX Prototype

Структура и прототипы.
$300
бриф и анализ
план работ
реализация
отчётность

Design System

Система компонентов и адаптивы.
$1500
бриф и анализ
план работ
реализация
отчётность
for whom

Кому подходит

 
ситуация 1
Сайт работает, но выглядит дешевле, чем ваш продукт
ситуация 2
Нужен редизайн без изменения структуры и потери позиций
ситуация 3
Есть своя команда разработки, нужен только дизайн
result

Что вы получите

Макеты всех страниц в трёх разрешениях
UI-kit с компонентами и дизайн-системой
Исходные файлы проекта
Собранные иконки и подготовленная графика
Обсудить задачу
why seohab

Почему SeoHab

Дизайн под задачу. Каждое решение в макете объясняем через цель страницы: что должен понять и сделать посетитель.
Макеты, готовые к вёрстке. Сетка, отступы и состояния элементов описаны — верстальщику не придётся додумывать.
Figma-файл у вас. Передаём исходник с компонентами, чтобы новые страницы можно было собирать без нас.
faq

Частые вопросы

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

Как дизайн сайта влияет на заявки

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

На конверсию чаще всего влияют не крупные идеи, а мелочи, которые легко упустить:

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

Как принимать дизайн, если вы не дизайнер

Оценивать макет по принципу «нравится — не нравится» — самый частый способ испортить проект. Ваш вкус важен, но сайт делается для клиентов, и спорить стоит о том, решает ли страница свою задачу. Задайте себе несколько вопросов:

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

Редизайн без потери позиций

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

Бездумно менять нельзя три вещи: URL страниц, заголовки H1 и title, объём и смысл текстового содержимого. Частая ошибка — урезать текст ради «чистого минималистичного вида» или спрятать его в свёрнутые вкладки. Если адрес всё же нужно сменить, без постраничных 301-редиректов не обойтись.

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

brief

Готовы обсудить задачу?

Пришлите ссылку на текущий сайт или референсы — оценим объём дизайна и сроки.