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

1. Установите свою цель и цели.

Какова цель вашего сайта? Чтобы привлечь внимание к вашему бизнесу? Чтобы продать свой инвентарь? Чтобы сплотить поддержку за дело? Важно определить цель вашего веб-сайта, а также вашу целевую аудиторию. Вы также должны определить свои цели. Сколько посетителей вы ожидаете в месяц? Как вы думаете, сколько людей подпишутся на вашу рассылку новостей? Какую прибыль вы ожидаете от продаж? Установите для своего веб-сайта измеримые конкретные цели, которые соответствуют вашим маркетинговым целям. Инструмент аналитики, такой как Google Analytics, позволит вам отслеживать производительность вашего сайта с течением времени.

 

2. Создайте бюджет.

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

 

3. Распределите роли.

  • Заинтересованные стороны компании (владелец, менеджер по маркетингу или любое другое лицо, представляющее основную функцию бизнеса)
  • веб-разработчик
  • Автор и / или редактор контента
  • HTML / CSS профессиональный
  • Веб-дизайнер и графический дизайнер

Убедитесь, что все в вашей команде знают свою роль и то, что от них ожидают, и что они следят за сроками и новыми разработками.

 

4. Создайте контент-стратегию.

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

  • Сообщения в блоге
  • Необходимые документы
  • Видео
  • Изображения (например, в галерее)
  • Слайд-шоу
  • Встроенные каналы социальных сетей (например, ваш поток в Twitter или обновления страницы Facebook)

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

 

5. Структурируйте свой сайт.

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

 

6. Создайте макет.

Макет страницы, также известный как каркас, по сути, представляет собой схему вашего веб-сайта (при этом первоначальный дизайн является первым черновиком). Обычно создается в Photoshop или Fireworks, поэтому вам не нужно вдавать слишком много деталей в свой макет. Используйте текст-заполнитель для заполнения страниц и не беспокойтесь о деталях. Это просто, чтобы дать всем представление о том, как будет выглядеть веб-сайт.

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

 

7. Начните проектировать.

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

  • Сделайте вашу навигацию простой для понимания и легкой для поиска. Исследования показывают, что большинство пользователей ожидают, что навигация по сайту будет вертикальной и центрированной вверху страницы.
  • Используйте удобный для чтения шрифт для блоков текста. Выберите цвет фона и цвет текста, которые хорошо контрастируют (Подсказка: нет красного текста на ярко-розовом фоне).
  • Убедитесь, что ваш сайт умещается на экране. Используйте адаптивный дизайн (или не менее эффективный подход), чтобы ваш веб-сайт адаптировался под все размеры экрана.
  • Сделайте свой сайт легким, чтобы он загружался быстро.
  • Сделайте логотип компании и слоган заметным на странице.
  • Сохраняйте единообразие стилей и цветов на сайте.
  • Сделайте текст ясным и кратким, а важную информацию и функции (например, форму подписки на рассылку новостей) поместите в верхней части страницы.
  • Делайте заметки о том, что включать в таблицу стилей при разработке, поскольку вы хотите, чтобы стиль и функция были разделены. Это важно не только для соответствия веб-стандартам, но и для облегчения внесения изменений в будущем, если вам это необходимо.
  • Вы также должны проектировать, думая о будущем. Например, на вашем веб-сайте сейчас может быть только несколько сообщений в блоге, но как насчет того, чтобы их было двести?

 

8. Проверьте это.

Тестирование важно для выявления ошибок и выявления деталей, которые вы могли упустить изначально. Убедитесь, что ваш веб-сайт отображается так, как вы хотите, во всех браузерах, включая Chrome, Firefox, Internet Explorer, а также в мобильных веб-браузерах, таких как Safari и Opera Mini. Протестируйте его на своем мобильном телефоне, планшете, а также на сотовых телефонах и планшетах вашего коллеги. Вы хотите, чтобы ваш сайт имел единообразный внешний вид независимо от того, на каком экране он отображается. Убедитесь, что все ссылки работают, что изображения имеют правильный размер и что вы заменили все заполнители фактическим содержимым. Проследите, чтобы все формы и другие поля ввода работали.

 

9. Поддерживайте свой сайт.

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

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

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