Ликбез #8: разработка сайта
ликбез
30 января 2018

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

Стоит ли говорить, когда на дворе уже 2018 год, о важности наличия хорошего сайта для любого (практически) бизнеса? Даже если ваши рекламные ролики сводят с ума, продажники с упорством находят все новых и новых заказчиков, а листовки у торговых центров отрывают с руками (ну вдруг), прежде чем сделать покупку, потенциальный потребитель с вероятностью 99,9% зайдет сначала на ваш сайт.

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

1. Определение задач веб-сайта и его позиционирования;
2. Создание Технического Задания на разработку сайта;
3. Создание дизайн-макета сайта;
4. Верстка;
5. Программирование сайта;
6. Наполнение контентом;
7. Запуск сайта;
8. Анализ проделанной работы.

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

 — Разработка концепции. Как правило, визуальная концепция сайта обусловлена фирменным стилем компании.

 — Определение модулей сайта. Модули — это блоки, которые составляют «скелет» сайта, каждый из них находится на определенной позиции в шаблоне, и несет в себе какую-то информацию или выполняет какую-либо функцию (блок новостей, портфолио, строка поиска и т. д.).

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

 — Графическая проработка дизайна каждой из страниц. Или доведение визуальной концепции сайта «до ума». Здесь важно учитывать размер сайта, скорость загрузки страниц и прочие подобные моменты.

 — Доработка готового макета сайта. По нему далее будут создаваться страницы конечной версии ресурса.
Еще пара советов
— Так как все мониторы имеют разное разрешение, лучше разработать несколько вариантов под стандартные разрешения (к примеру, 1280 на 1024, 1920 на 1280 и 1024 на 768). Так можно будет понять, как выглядит сайт на разных носителях, так как на экране компьютера все будет выглядеть замечательно, а на смартфоне «поплывет».

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

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

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