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

Элементы схемы работы:

– Заголовок схемы.

– Иконки.

– Заголовки под иконками, кратко описывающие название этапа.

– Текст, поясняющий заголовок (2-3 строки, не более).

– Стрелочки между этапами (как вариант цифры этапов: 1, 2, 3 и т.д.).

Рис. 72. Схема работы на сайте

Модуль «Партнёры» на сайте

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

Рис. 73. Модуль «Наши партнёры» на сайте

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

Услуги

Если фирма не продает товары, а оказывает услуги, то вместо каталога товаров веб-дизайнер создаёт модуль «Наши услуги». Этот модуль проще, чем товарный каталог, для него не нужна корзина товаров, фильтры и карточка товара, достаточно фотографии, названия услуги, описания, стоимости и кнопки «Заказать услугу».

Рис. 74. Модуль «Услуги»

6. Отзывы, гарантии, сертификаты

Отзывы на сайте

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

В отзывах должны быть:

– Фотографии и имена тех, кто оставил отзыв.

– Текст положительного отзыва.

– «Карусель» (прокрутка отзывов).

– Ссылка на соцсети людей, оставивших отзыв.

– Город.

Рис.75. Отзывы на сайте

Гарантии на сайте

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

В модуле «Гарантии» можно гарантировать:

Качество товара.

Возврат товара в определенный срок.

Возврат бракованного товара.

Возврат денег (нет результата, – нет оплаты).

Гарантия доставки в указанный срок.

Гарантия на все виды работ.

Гарантию на оборудование и качество услуг.

Гарантия на материалы и страхование работ.

Гарантия обслуживания в день обращения.

Создавая гарантию на сайте, возьмите на вооружение проверенную схему:

– Сформулируйте сообщение о гарантии в позитивном ключе; (не так: «если вы получите товар с браком, – мы вернем вам деньги», а лучше так: «гарантия, что все наши товары проверены и не имеют брака»).

– Проведите тестирование гарантийного послания, хотя бы пару дней;

– Подсчитайте увеличение прибыли и затраты на тех, кто воспользовался гарантией;

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

Рис. 76. Гарантии на сайте.

Модуль «Гарантии» может быть похож на «Преимущества» и состоять из иконки, заголовка и текста гарантии.

Модуль «Сертификаты»

Этот модуль также добавляет доверия к фирме, показывая все награды и сертификаты фирмы: лицензии на товары и услуги, сертификаты соответствия, сертификаты специалистов фирмы, свидетельства сотрудников, дипломы преподавателей, награды фирмы, победы в конкурсах, благодарственные письма.

Чаще всего такой модуль делается «каруселью» сертификатов с возможностью прокрутки и увеличения каждого сертификата. Иногда награды и лицензии делаются на тёмном фоне, растянутым на всю ширину сайта.

Рис. 77. Сертификаты на сайте

7. Новости, контакты, подвал сайта

Новости (новостная лента)

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

Модуль «Новости» состоит из фотографии, даты, названия новостной статьи и первых строк новости, за которыми следует кнопка «Подробнее».

Рис. 78. Новостной блок на сайте учебного центра

Модуль «Контакты» и «Подвал» сайта

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

А вот для корпоративного сайта фирмы развернутый модуль «Контакты» является обязательным.

Что включает в себя модуль «Контакты»:

1. Название фирмы, имена сотрудников, названия отдельных офисов или филиалов.

2. Реквизиты фирмы.

3. Адреса офисов или филиалов.

3. Телефоны, факсы.

4. Электронная почта, мессенджеры.

5. Иконки и ссылки на соцсети.

6. Кнопку или форму обратной связи.

7. Интерактивную карту с местом расположения офиса.

8. Схему проезда к складу (производству).

9. Время работы офиса или магазина.

10. Виртуальный тур по офису компании.

11. Заказ обратного звонка.

12. Иконки телефонов, конвертов, карт и т.д.

13. Фотографию здания или сотрудников.

Рис. 78. Модуль «Контакты» на сайте

Этот модуль может повторяться внизу каждой страницы сайта. Карта устанавливается со страницы интерактивных карт Яндекса. Она может быть слева от контактов, справа или внизу, под контактами.

«Подвал» сайта

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

«Подвал» сайта включает в себя:

– Повтор логотипа и названия организации (в уменьшенном виде по сравнению с «шапкой» сайта).

– Знак «копирайт» и надпись о том, что все авторские права защищены, и копирование материалов с сайта строго запрещено (бывает вариант: разрешено с указанием ссылки на источник).

– Повтор верхнего меню сайта. Как вариант: расширенное