2018. Мастер-класс по созданию эффективных сайтов
С чего начинается сайт?
Сайт начинается с идеи. Идея - это консистенция желаний и требований заказчика, рассматриваемая через призму возможностей веб-программирования.
Для чего заказчик решил создать сайт? Основной побудительный аспект - прибыль, далее идут имиджевые цели, поддержка клиентов и прочее.
Что можно предложить для реализации целей? Можно предложить сайт с функциональным и ярким дизайном, хорошим содержимым, удобной навигацией и системой администрирования, которая значительно упрощает работу администратора.
Прежде, чем приступить к планированию сайта, нужно ознакомиться с деятельностью заказчика, с предыдущими рекламными акциями, анализом конкурентов (сбор информации о клиенте и его конкурентах).
Планирование
Планирование сайта предполагает планирование 3-х основных элементов: дизайна, навигации, содержимого.
Начинаем с последнего аспекта (содержимого). С заказчиком оговаривается, что он желает видеть на сайте и что традиционно присутствует на сайтах данного направления, выбираются материалы, которые должны присутствовать на сайте.
Заметим, что сайт имеет двоякую нагрузку - рекламную и информационную, причем информационная, ввиду особенностей интернета, имеет превалирующее значение. Тем самым, на сайте должен присутствовать максимально возможный объем информации о продуктах и компании, однако в то же время этот объем должен быть встроен так, чтобы быть удобным для прочтения и восприятия и эффективно работать на продажи.
Далее работа над навигацией. Материалы разбиваются на основные группы, которые в будущем должны стать отдельными разделами сайта.
После выделения отдельных разделов параллельно с работой над дизайном сайта проводится работа над контентом (содержим сайта): графикой и текстом.
Относительно текста: основной объем текста дается самим заказчиком.
Относительно графики: хорошему сайту должны соответствовать отличные графические составляющие (элементы интерфейса и другие изображения).
Дизайн начинается с разработки шаблона сайта. Зная, из каких разделов будет состоять сайт, необходимо разместить необходимые поля на плоскости с параметрами разрешения мониторов.
Самые важное - удобство посетителей сайта, логичность в последовательности ссылок на разделы, последовательность, которая нацеливает посетителя на покупку (нужно привлечение психолога).
Цветовая гамма сайта
На сайте должно быть не более чем 3 цвета, при этом сайт будет выглядеть гармонично.
Интерфейс сайта
Для достижения поставленных целей, интерфейс должен быть деловым, динамичным, без излишеств (легкий) и одновременно, учитывая профиль деятельности заказчика, еще и обладать некой богемностью и "изюминкой" (возможна flash-анимация для "оживления" сайта).
Создание
Итак, имеется интерфейс, навигация, контент, заставки. Верстается одно целое, причем для каждого раздела в отдельности. В результате верстки получаются следующие макеты страниц сайта:
Титульная страница
Титульная страница несет максимальную имиджевую нагрузку, вызывает положительные эмоции у тех, кто будет смотреть сайт, это первое, что встречает человек, попадая на сайт, это витрина, которая должна приковывать взгляд посетителя, это ответ на вопрос посетителя: "С чего начать?".
Титульная страница эффективна в смысле донесения информации, эта страница читается полностью каждым посетителем сайта. Заметим, что эта страница является наиболее посещаемой пользователями.
Исходя из этого определяется 3 "НЕТ":
- страница не должна быть перегружена информацией;
- страница не должна быть просто красивой "заставкой";
- страница не должна быть тривиальной.
Собирая макет титульной страницы, необходимо воспользоваться рядом критериев для таких страниц:
- страница должна иметь оригинальный дизайн;
- страница должна содержать красочную заставку, подчеркивающую имидж компании;
- страница должна нести достаточную (но не чрезмерную) информацию;
- страница должна предоставлять удобную навигацию по всему сайту, заставлять посетителя делать правильные и последовательные переходы по разделам сайта.
После создания главной страницы сайта идет работа с макетами страниц остальных разделов. Рассмотрим некоторые страницы и выделим ряд характерных черт.
Страница "О компании" полностью имиджевая, на нее заходят, чтобы познакомиться с компанией вне тех предложений, которые эта компания делает, поэтому эта страница должна показывать компанию в наиболее благоприятной сфере, что достигается сочетанием соответствующего дизайна в избранном для сайта стиле и соответствующего содержания (текст и графика).
Страница "Наши работы" (портфолио заказчика). Каждая из представленных работ показана в привлекательной манере, отражая преимущества предложений компании.
Каждая страница выполнена в едином стиле, но сделана особенной, подчеркивая ее функциональное назначение.