Что делает хороший сайт? [Вопросы и ответы с веб-дизайнером]

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

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

Как дизайн влияет на оптимизацию веб-сайта для поиска?

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

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

Каковы ключевые элементы «хорошего» дизайна веб-сайта?

Хороший веб-сайт должен быть чистым и минималистичным, чтобы не перегружать посетителей. Как говорится в старой рекламной поговорке, «будь проще, тупица». Мало того, что на нем должно быть легко ориентироваться, пользователи должны получать удовольствие от просмотра вашего сайта. Не забудьте сделать навигацию по вашему сайту с помощью динамических визуальных элементов, таких как видео, и поощряйте исследование с помощью различных призывов к действию (CTA), чтобы посетитель мог сделать следующий шаг вниз по воронке. Ваша навигация должна быть хорошо продуманной и интуитивно понятной для вашей аудитории. Не существует универсального порядка заголовков; вместо этого вы должны удовлетворить желания и потребности ваших посетителей.

Чтобы улучшить навигацию и взаимодействие с пользователем (UX), добавьте навигацию или ссылки в нижний колонтитул и включите панель поиска, чтобы посетители могли выполнять поиск по ключевому слову. Включите привлекательный заголовок или подзаголовок и заявление «вверху», чтобы убедить посетителя в том, что вы можете помочь ему решить его проблему. А для читателей, которым немного сложнее разглядеть маленькие слова на маленьком экране, убедитесь, что весь текст достаточно крупный и достаточно четкий, чтобы его можно было прочитать.

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

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

Какие типы страниц наиболее важны для размещения на веб-сайте? И есть ли слишком мало или слишком много, вы можете иметь?

Самое главное, вам понадобится хорошо продуманная домашняя страница, страница услуг, страница с информацией и страница с контактами. Конечно, это варьируется в зависимости от отрасли. Хотя не существует магического числа для количества страниц, которое должно быть на веб-сайте, помните, что если вашей целью является привлечение трафика на ваш сайт и повышение рейтинга в Google, вы будете работать лучше, чем более качественный контент у вас будет. Это одна из причин, по которой блоги продолжают играть такую ​​важную роль в Интернете. Согласно исследованию Института контент-маркетинга , компании, ведущие блоги, создают на своих веб-сайтах на 400 % больше поисковых индексируемых страниц.

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

Какими способами вы остаетесь в курсе и находите вдохновение для дизайна веб-сайтов?

Обычно я гуглю отрасль, для которой разрабатываю, и просматриваю веб-сайты с высоким рейтингом, а также провожу время, просматривая каталог решений HubSpot в поисках новых идей. Я также постоянно захожу на сайт разработчика темы, которую мы используем, Helpful Hero . Кевин Фроман демонстрирует «примеры сайтов из реального мира», что обычно дает мне много вдохновения для моего следующего дизайна.

Каков ваш процесс, прежде чем вы начнете создавать веб-сайт?

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

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

Какие ваши любимые инструменты для разработки веб-сайта?

• Sqoosh для оптимизации изображений.
• Coolors для игры с идеями цветовой палитры.
• CloudConvert для пользовательских шрифтов и преобразования MP4 в конвертер Gif.
• Adobe Stock для стоковых изображений/векторных изображений.
• Расширение ColorZilla Chrome для захвата цвета с веб-страницы.
• Расширение WhatFont Chrome для идентификации шрифтов на веб-странице

Какое значение имеет видео на сайте? И куда мне его добавить?

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

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

В конце концов, какой совет вы бы дали тому, кто инвестирует в новый веб-сайт?

Думайте о своем веб-сайте как об развивающемся инструменте, созданном для роста. Начните с четко определенной цели для посетителей вашего веб-сайта, например, «найти новых членов для вашего частного клуба», и рассматривайте все остальное — дизайн и содержание — через эту призму. Ответили ли вы на ключевые вопросы потенциальных клиентов? Упростили ли вы для них поиск информации о членстве? Демонстрируют ли ваши изображения, как весело будет новому участнику? Так веб-сайт становится инструментом продаж и маркетинга.

Кроме того, помните, что «идеальное» — враг «хорошего». Пока он построен на прочной стратегической основе и с качественным дизайном, ваш веб-сайт не обязательно должен быть завершенным и идеальным перед запуском. (Например, вам не нужно запускать 1000 веб-страниц, вы можете начать с 20 самых важных и постепенно добавлять новые после запуска.) Эта концепция называется «дизайн, ориентированный на рост», и она основное убеждение в нашем агентстве, потому что сайт никогда не будет полностью готов. Наоборот, это начало гораздо более стратегического, хорошо продуманного будущего.