75 идей, как поймать клиента на крючок - страница 2
Устаревший дизайн
Если последний раз вы обновляли дизайн ресурса еще в далеком 2007 году, у нас для вас плохие новости. Он морально устарел, и его срочно нужно менять. И причина даже не в том, что он не привлекательный, а в ограничениях по функционалу. К тому же, когда посетитель попадает на такой
сайт, первое впечатление, которое возникает – сайт заброшен и информация на нем неактуальна.
Как раз один из таких примеров:
Но и слепо гнаться за модными трендами в веб-дизайне не стоит. В первую очередь ресурс должен помогать клиентам с решением их проблем.
Наиболее выигрышный вариант – спокойная цветовая гамма:
– Светлый фон. Элементы, в том числе и текст, на таком фоне смотрятся хорошо, а пользователю не придется напрягать глаза.
– Темный шрифт. Должен быть читаем и никак не сливаться с основным фоном. Поэтому, например, если у вас бежевый фон, то следует использовать черный цвет шрифтов или иных темных оттенков.
– Яркий акцент. Помогает выделить главные детали и подчеркнуть CTA (call to action – призыв к действию).
Несколько примеров выдержанной цветовой гаммы:
Пример 1:
Сайт: enisey-cafe.ru
Пример 2:
Сайт: elektrahol.ru
Практический совет. Если решитесь на редизайн, не забудьте про SEO: скорость загрузки страниц, перелинковка, правильная настройка редиректа, сбор семядра, ЧПУ, безопасный протокол соединения (HTTPS). Все эти нюансы надо предусмотреть, чтобы не потерять имеющиеся позиции при обновлении дизайна.
Элементы установленные не по сетке
Вроде сайт хороший, но что-то в нем не то, и как раз это «не то» может быть в модульной сетке.
Модульная сетка – это шаблон, по которому строится дизайн сайта с помощью специальной разметки. Сайты, сделанные на основе модульной сетки, удобнее для восприятия с точки зрения юзабилити.
Если не использовать сетку, будет казаться, что все элементы повисли в воздухе. Как на примере ниже:
Как вы заметили, элементы хаотично разбросаны по странице и нет общей структуры. Чтобы такого не было, дизайнер при создании макета использует сетку. В этом случае все детали будут выровнены, и страница преобразится визуально:
Кроме того, что модульная сетка помогает эстетично и ровно расположить элементы, она еще выполняет несколько функций:
– При переносе элементов с одной страницы на другую снижается вероятность ошибок.