Сайт по модульной сетке. Как сделать хороший сайт?

Преимущества модульного сайта

Вы действительно почувствуете их!

ruka
kniga ruka
Cайт выполнен в соответствии с современными тенденциями сайтостроения.

Сайт разработан с учетом удобства пользователей и рекомендаций ведущих экспертов юзабилити.
Модульный сайт имеет индивидуальный дизайн и весь необходимый функционал.

punktir

Если у вас есть сайт, у вас должен быть фирменный стиль.

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

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

Нарушения в данном примере:

Сочетаемость цветов;
Сочетаемость шрифтов;
Использование различных стилей в декоративном оформлении.
001_setka_m

punktir

Качество продукта зависит от качества материала.

Внешний вид сайта складывается из элементов расположенных на странице.

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

Нарушения в данном примере:

Не заметные продающие элементы
Отсутствие симметрии
Неправильно выделенные ссылки
Слишком малые отступы
002_setka_m

punktir

“Шапка” сайта.

То, что увидят сначала и никогда не пропустят.

“Шапка” сайта отображается на экране в первую очередь и именно ей уделены первые секунды внимания пользователя. Именно поэтому в шапке размещается логотип - брендовая составляющая вашей компании. Также в шапке необходимо указывать контактную информацию. Размещение контактов в шапке очень важно, так как это стимулирует пользователя обратиться к вам.

Нарушения в данном примере:

Нет контактной информации
Большая шапка скрывает "продающий"фукционал сайта
Яркая шапка отвлекает внимание посетителя от товаров и услуг
001_setka_m

punktir

Навигация

Хорошая навигация это сотни часов времени, сэкономленного вашими клиентами.

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

Нарушения в данном примере:

Нет контактной информации в видимой области
Мелкий шрифт в меню
Высокий уровень вложенности меню
Отсутствие продающих элементов
Наличие внешней ссылки

001_setka_m

punktir

Промо-блоки

Главная задача рекламы - сделать так чтобы человек сам захотел отдать деньги.

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

Нарушения в данном примере:

Основной промо-блок дает неверное представление об услугах компании
Нет элементов побуждающих к совершению покупки
Малые промо-блоки выглядят как банеры или картинки
001_setka_m

punktir

Дополнительные блоки

Если информация нравится, то мы хотим её больше и больше.

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

Нарушения в данном примере:

Неправильно расставленны акценты
Отсутствие согласованности в стилях сайта
Перемещение промо-блоков в слепую зону
001_setka_m

punktir

“Футер” - сайт внутри сайта

То, что может вскоре пригодиться не стоит выбрасывать, если для этого есть место.

“Футер” - один из важнейших элементов навигации, которому часто и зря, не уделяют достаточно внимания. Здесь можно найти альтернативную навигацию, которая позволит перейти без прокрутки страницы к основному меню, в любой интересующий раздел сайта. Кроме того, “футер” это отличное место для развернутой контактной информации и повторения брендовой составляющей.

Нарушения в данном примере:

Нет контактной информации
Нет дублирующей навигации
Отсутствует брендовая составляющая
Изображение не несущее информационной нагрузки
001_setka_m