Веб-дизайн сайта определяет, как будут выглядеть страницы и как посетитель найдёт нужное: услугу, цену, характеристики товара или способ обращения. Дизайнер продумывает расположение материалов, меню, кнопки, формы и оформление для разных экранов. Разработка дизайна сайта завершается макетами, по которым затем создают работающий сайт.
Дизайн сайта в готовых макетах
В макете можно увидеть конкретную страницу: какие фотографии на ней стоят, как оформлены цены, где находятся контакты и что появляется при открытии меню или формы. Для каталога отдельно показывают список товаров и карточку, для сайта компании — страницы направлений и проектов. Главная страница не заменяет все остальные: у них разное содержимое и разные действия посетителя.
Например, мастерской по ремонту обуви важно показать виды ремонта и примеры результата, а затем предложить отправить фотографию пары для оценки. Дизайн сайта для мастерской может включать сравнение фотографий до и после, понятный перечень работ и форму с прикреплением снимка.
Разработка дизайна сайта включает и детали форм: подписи полей, подсказки, сообщение об ошибке и подтверждение отправки. На макете можно заранее увидеть, как посетитель поймёт, что заявка отправлена или что нужно исправить в телефоне.
Разработка дизайна сайта для телефона
На телефоне веб-дизайн сайта меняется: ряд из трёх карточек может стать вертикальным списком, большое меню — открывающейся панелью, таблица — блоками с понятными подписями. При этом названия товаров, цены и условия покупки должны оставаться доступными.
Кнопки и поля располагают так, чтобы ими было удобно пользоваться пальцем. Длинное название услуги или настоящий текст отзыва могут занимать больше места, чем короткая заглушка. Поэтому мобильное оформление полезно показывать с реальными материалами, а не только с короткими примерными надписями.
Дизайн интернет-сайтов: какие материалы влияют на оформление
Чтобы создать дизайн сайта, дизайнеру нужны логотип, фотографии, тексты, каталог и примеры работ компании. Если существует фирменный стиль, его цвета и шрифты можно использовать на страницах. Если фотографий пока нет, их съёмку или подбор нужно учитывать отдельно: замена широкого изображения на вертикальное может изменить расположение всего блока.
Дизайн сайта и программирование
Макет показывает внешний вид. Даже если в нём можно нажать кнопку и перейти на следующий экран, это ещё не отправка настоящей заявки или приём оплаты. Формы, каталог, панель редактирования и соединения с другими программами создают при разработке сайта.
Если сайт уже работает и нужна новая подача существующих материалов, можно заказать редизайн. При этом часть страниц и привычных действий посетителя может сохраниться, а оформление — измениться.
Разработка дизайна сайта: от чего зависит цена
В прайсе «Сиверн», действующем с 1 октября 2026 года, дизайн одной страницы до восьми блоков стоит от 27 000 рублей. Вёрстка и программирование в эту стоимость не входят.
Цена более крупного проекта зависит от количества разных страниц и сложности их содержания. Одна страница услуги требует меньше макетов, чем каталог, карточка товара, корзина и личный кабинет. Дополнительную работу создают необычные таблицы, подбор товара, сложные формы и собственные иллюстрации. Дизайн интернет-сайтов с однотипными страницами обычно позволяет подготовить общий макет и заменять в нём содержание.