Веб-дизайн: покажите нам вашу корзину
Прокачанные специалисты в веб-дизайне умеют создавать головокружительно красивые и прибыльные сайты для клиентов. И если это интернет-магазин, то крайне важным элементом в нем является корзина.
Честное дизайнерское слово. То как сделана страница онлайн-корзины, будет напрямую влиять на продажи и доходы компании. Уделите ей особое внимание. Страница оформления заказа должна быть функциональной, удобной в использовании, безопасной и красивой. Как заботливый менеджер, она предложит удобные варианты оплаты и доставки, сопроводит на каждом этапе и оставит самое позитивное впечатление от онлайн-магазина.
Как вы поняли, корзину надо продумывать щепетильно. Погрузимся немного в веб-дизайн и обсудим ключевые моменты.
Иконка
❖ Корзина должна «выглядеть как корзина». Иконка классическая. Не ведро или ящик. Чем привычнее, тем проще найти.
❖ Сомнительно, что на сайт зайдет пользователь, который ни разу не совершал онлайн-покупки. Поэтому лучше следовать негласным правилам и располагать иконку корзины на привычном глазу месте – в верхнем правом углу.
❖ Меняйте иконку в зависимости от того, пустая корзина или полная, это очень удобно.
Всплывающий блок
❖ Отличная идея – блок, всплывающий при наведении на иконку корзины на любой странице сайта. Представьте, что вы в супермаркете. И что в любой момент вы можете ознакомиться с содержимым корзины, а также узнать итоговую сумму покупок. Удобно же?
❖ Предоставьте покупателю возможность удалять товар из корзины, не переходя в раздел. Да, прямо во всплывающем блоке из предыдущего пункта. Там же дайте людям шанс изменить количество позиций в корзине, и будете купаться в народной любви.
❖ При добавлении/удалении/изменении количества товара в корзине посредством всплывающего окна, сумма заказа, а также содержимое корзины должны меняться моментально.
Действия
❖ Любым приглянувшимся способом покажите клиенту, что товар добавлен в корзину. Реализовать это можно “летящим” в корзину товаром или сменой цвета/ надписи на кнопке.
Что должно быть внутри
❖ Возможность перейти на страницу добавленного в корзину товара. Название товара является ссылкой на страницу этого товара — все просто.
❖ Блок с информацией об итоговой сумме заказа с учетом доставки, скидки и прочих параметров.
❖ Выбор количества позиций.
❖ Изображение товара.
В заключение, продумайте, как будет смотреться корзина вашего интернет-магазина на планшетах, а как на смартфонах, и в дальнейшем затраты окупятся благодарностью покупателей.