Ирина Никулина – Настольная книга веб-дизайнера. Практический курс по веб-дизайну и проектированию сайтов (страница 49)

Когда пишется текст «О компании», обязательно учитывается целевая аудитория этого текста и ее сегменты.

Что нельзя использовать при создании модуля «О компании»

– Нельзя использовать стоковые фотографии и чужие фото людей, офисов, производства.

– Нельзя составлять длинные тексты, особенно сплошные, без разделения на абзацы. На первой странице сайта вообще хорошо сделать 2-3 абзаца текста и кнопку «Подробнее».

– Нельзя писать обтекаемыми, не конкретными фразами.

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

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

5. Каталог, модуль «Схема работы», «Партнеры», «Услуги»

Каталог товаров

Основным модулем на сайте интернет-магазина является каталог продукции (товаров или услуг). Поэтому к его разработке надо подойти очень ответственно, и сделать так, чтобы покупателям было легко выбрать товар и купить его. Это и есть основная задача веб-дизайнера: создать понятный и легкий процесс покупки товар или заказа услуги.

Обычно страницы каталога являются самыми посещаемыми на всём сайте.

Первое, с чем сталкивается потенциальный покупатель на сайте интернет-магазина, – это большой выбор товаров. Если человек запутается, не найдёт нужного товара или не поймёт, как его купить, – он уйдет с этого сайта к конкуренту. Поэтому надо уделить особое внимание простоте (лаконичности) модуля «Каталог» и понятному интерфейсу каталога при создании дизайна странички сайта.

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

Представьте, вы собираетесь на море и вам перед поездкой нужно купить несколько товаров в дорогу. Вы открываете интернет-магазин и видите, что например, солнечных очков там предлагается более тысячи наименований. Какие из них выбрать? Времени изучать нет. Если все товары идут просто по порядку (по логике, заложенной создателями сайта), вы растеряетесь и уйдете на другой сайт. На сайте конкурента вы открываете каталог товаров и видите вверху каталога раздел «Сейчас популярно» и там всего шесть товаров (очков). Из шести вполне можно выбрать.

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

Рис. 69. Шаблон каталога интернет-магазина

Структура каталога

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

Элементы товарного каталога:

– Баннер с акционными товарами.

– Раздел «Популярное» (ТОП товаров, Бестселлеры).

– Раздел «Новинки».

– Сам каталог.

– Чёткие фотографии товара в хорошем разрешении с возможностью увеличить фото.

– Удобные фильтры и сортировка товаров.

– Меню с категориями и подкатегориями каталога.

– Поиск по товарам.

– Блок «Вы недавно смотрели».

– Блок «С этим покупают».

– Блок «Сравнение товара».