Главная · Дизайн сайта

Дизайн сайта: почему сначала читают, а потом смотрят

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

ДизайнСетка, цвет, состоянияСетка и порядокПервый экранЦена и состав работыПримеры и вопросыПалитраСостояния кнопкиобычнаянаведениеМобильная версия: один столбец, кнопка под палецПравила стиля отдаём вам — правки не разъезжаются

Почему это критически необходимо

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

  • Без акцентов клиент не находит цену и кнопку: он видит ровный текст и уходит
  • Рваные отступы и разные шрифты читаются как «сделано на скорую руку»: доверие падает ещё до разговора
  • Больше половины заходов с телефона: кнопка, в которую не попасть пальцем, — потерянная заявка
  • Без правил стиля сайт разъезжается после первой правки: цвета и отступы правят вручную и каждый раз по-новому

Что мы делаем

  • Подбираем палитру и шрифты — свободные, без платных лицензий, и под ваш случай, а не по шаблону
  • Строим сетку и порядок блоков так, чтобы глаз шёл по странице сверху вниз
  • Прорисовываем состояния кнопок и полей: обычное, наведение, нажатие, фокус с клавиатуры
  • Делаем мобильную версию отдельно, а не «уменьшенную копию»: крупный текст, кнопка под палец
  • Рисуем иконки и графику там, где без них непонятно
  • Отдаём правила стиля — по ним сайт правят дальше и он не разъезжается

Что вы получаете на выходе

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

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

Сколько стоит и сколько занимает

Отдельно дизайн мы не продаём: он входит в работу над сайтом под ключ — 15 000 ₽ за 5 рабочих дней. Если нужен кастомный стиль под бренд с отдельной проработкой палитры, шрифтов и графики, это отдельная задача от 50 000 ₽.

  • Сайт под ключ — 15 000 ₽, 5 рабочих дней
  • Кастомный стиль под бренд — от 50 000 ₽
  • Посмотреть готовые направления можно на странице стилей — там живые примеры направлений

Да. Показываем первый экран и макет страницы, обсуждаем правки и только потом собираем сайт.

Берём ваши цвета, шрифты и логотип. Если стиля нет — предложим палитру и свободные шрифты под ваш случай.

Один продуманный вариант и правки к нему. Три разных макета — это три раза переделывать структуру, а не выбирать.

Нет. Используем свободные шрифты с открытой лицензией. Платные лицензии не покупаем и не берём чужие.

Да. Отдаём правила стиля: цвета, шрифты и отступы заданы в одном месте, поэтому правка не разъезжается по всей странице.

Смотрите также: Структура и тексты сайта · Готовые стили сайтов · Сайт-визитка под ключ

Написать

NGU Studio — студия сайтов, ботов-администраторов и автоматизации для малого бизнеса. Кнопка ниже ведёт в бота: он задаст 4 вопроса и передаст заявку. Можно и сразу человеку — @ngu82.

Telegram@ngu82
Телефон+7 993 774-89-00
Почтаgen.ai@mail.ru
ГородЕкатеринбург, работаем удалённо по всей России
Написать в Telegram

Не любите Telegram — позвоните +7 993 774-89-00 или напишите на gen.ai@mail.ru.

Или заявка прямо здесь — ответим в течение дня

Отправляя заявку, вы соглашаетесь на обработку данных, чтобы студия ответила и посчитала смету. Политика · Согласие

Подскажу, если что-то не так

Telegram ВКонтакте Прайс