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

– Выбор количества позиций.

– Возможность перейти на страницу добавленного в Корзину товара. Название товара является ссылкой на страницу этого товара.

– Блок с информацией об итоговой сумме заказа с учётом доставки, скидки и прочих параметров.

– Возможность удалить товар из корзины.

– Автоматический пересчет суммы при удалении или добавлении товара, а также при изменении количества товаров.

– Поля для заполнения адреса, ФИО, контактов.

– Кнопка «Купить» «Оформить заказ», кнопка «Вернуться в каталог».

– Блок сопутствующих товаров. С помощью данного блока можно совершать дополнительные продажи. («Рекомендуем добавить к заказу»).

– Кнопка быстрого оформления заказа. Дайте клиенту возможность сэкономить время, позволив ему ввести только имя и телефон. Также время пользователя сэкономит кнопка «Купить в 1 клик», расположенная в карточке товара.

– Подарок при заказе выше определенной суммы.

– Блок «У меня есть промокод».

– Кратко рассказать о каждом способе доставки и оплаты.

– Минимальный набор полей для оформления заказа (имя, телефон).

– Уведомление покупателя об изменении статуса заказа. Например, о том, что заказ передан курьеру, или о том, что заказ прибыл в пункт самовывоза. Так клиент поймет, что его заказ в обработке и сам о нём не забудет.

– Кратко рассказать о гарантиях и возврате.

После того как заказ оформлен, спроектируйте такое действие: выслать на e-mail клиента следующую информацию:

– состав заказа,

– дата доставки,

– данные для отслеживания,

– любые другие инструкции, которые могут быть полезны покупателю.

Корзина товара должна работать круглосуточно, иначе продажи сильно снизятся.

Рис.107. Корзина товара

7. Дополнительные страницы

Кроме этих страниц, бывает еще много дополнительных страниц на сайте (например, страница «Услуги», «Статьи», «Доставка» и т.д.), все они должны быть выполнены в едином стиле с первой страницей, иметь одинаковую «Шапку» и «Подвал». Их текстовое наполнение должно иметь одинаковую разметку заголовками и подзаголовками на всём сайте.

Рис.108. Страница «Услуги» на сайте

Во время разработки веб-дизайна дополнительно могут быть сделаны дизайны страниц: «Обучение», «Партнёрам», «Цены» (прайс), «Как оплатить заказ», «Корзина товаров», «Оплата и доставка», «Статьи» и т.д.

Рис. 109. Страница «Заказ и доставка»

Глава 15. Веб-дизайн мобильной версии

В этой главе:

1. Правила и особенности дизайна мобильной версии