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

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

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

Если кнопка находится в неожиданном месте, слишком маленькая или сливается с фоном, происходит классика интернет-жизни: пользователь пожимает плечами и уходит искать более понятный сайт.

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

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

Любой наш проект начинается с пожеланий заказчика. Это нормально и правильно.

Но в дизайне есть одна забавная особенность: иногда то, что кажется логичным владельцу бизнеса, может быть нелогичным для пользователей.

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

Без драм, без споров и без дизайнерских трагедий. Да, художника обидеть может каждый, но мы же и не изобразительным искусством занимаемся, а разработкой дизайна сайта.  

Каждый элемент интерфейса должен находиться там, где его ожидает увидеть пользователь. И это не дизайнерская прихоть, а результат многолетних наблюдений за тем, как люди пользуются сайтами.

Перед тем как появятся первые макеты, важно понять — какой сайт вообще нужен.

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

• которые нравятся
• которые категорически не нравятся

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

Это как объяснить, какой кофе нравится. Гораздо проще угостить собеседника глоточком любимого напитка, чем расписывать оттенки вкуса.

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

• фирменные цвета
• шрифты
• правила оформления

Брендбук становится ориентиром, с которым постоянно сверяется дизайн.

Если брендбука нет, то команда подготавливает несколько цветовых решений и предлагает их заказчику.

Иногда так рождается будущий фирменный стиль компании. Но лучше, конечно идти по порядку, от фирменного стиля к дизайну, а не наоборот.

Перед тем как появится финальный дизайн, создаётся прототип.

Это макет страницы без цветов и графики. По сути — схема сайта из серых блоков.

Каждый блок обозначает будущий элемент:

• текст
• изображение
• кнопку
• меню

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

Пока страница состоит из серых блоков, можно спокойно менять структуру, переставлять элементы и экспериментировать. Когда же дизайн уже полностью отрисован, перестановки превращаются в огромную работу. 

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

Такие дизайнерские шахматы — это дополнительная работа, которая:

• увеличивает бюджет
• отодвигает сроки
• отнимает время у принимающей стороны 

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

После завершения работы над дизайном клиент получает макеты в Figma, что позволяет в будущем легко работать с дизайном:

• вносить изменения
• добавлять новые страницы
• обновлять интерфейс
• делать редизайн

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

Когда предприниматели начинают изучать цены на дизайн сайта, возникает удивление от огромного разброса цен на рынке.

Это объясняется просто: стоимость зависит от множества факторов:

• сложности проекта
• количества страниц
• глубины проработки интерфейса
• наличия прототипирования
• работы с брендом

Часто сразу задаётся вопрос про стоимость создания сайта под ключ. Но важно понимать, что сайт — это комплексная работа.

В неё входят:

• аналитика
• проектирование
• дизайн
• программирование
• тестирование

И если всё сделано правильно, сайт начинает работать и привлекать новых клиентов.

Можно собрать сайт из случайных шаблонов, подобрать красивый цвет кнопки и надеяться, что всё как-нибудь заработает. Иногда даже везёт.

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

Именно поэтому дизайн сайта лучше доверять команде, которая смотрит на сайт не только глазами дизайнера, но и глазами разработчиков и пользователей.

В PRAI мы подходим к этому процессу комплексно:

•  изучаем задачи бизнеса
• проектируем структуру сайта
• создаём прототип
• прорабатываем удобный интерфейс
• разрабатываем современный и понятный дизайн

В результате получается не просто красивая страница, а инструмент, который помогает бизнесу расти.

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

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