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

– яркая кнопка в «Корзину», желательно зеленого цвета. Красная кнопка ассоциируется с запретом, поэтому такой цвет лучше не использовать,

– название и артикул товара,

– закладка с техническими характеристиками товара,

– подробное описание товара, состав, особенности,

– слоган к товару (если есть),

– закладка с отзывами о товаре,

– возможность выбрать цвет, набор, комплект товара,

– крупно видна цена и ограничение акции по времени (дедлайн),

– покупка в один клик,

– информация о доставке (или самовывозе),

– блок «Похожие товары»,

– блок «Вы ранее смотрели»,

– блок «Рекомендуемые товары»,

– видеопрезентация товара.

Рис. 71. Элементы карточки товара

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

Модуль «Схема работы»

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

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

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

– Иконки.

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

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

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

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

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

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

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

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

Услуги

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

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

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

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

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

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

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

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

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

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

– Город.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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