• Team3
  • Блог
  • Веб-дизайн: покажите нам вашу корзину

Веб-дизайн: покажите нам вашу корзину

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

Честное дизайнерское слово. То как сделана страница онлайн-корзины, будет напрямую влиять на продажи и доходы компании. Уделите ей особое внимание. Страница оформления заказа должна быть функциональной, удобной в использовании, безопасной и красивой. Как заботливый менеджер, она предложит удобные варианты оплаты и доставки, сопроводит на каждом этапе и оставит самое позитивное впечатление от онлайн-магазина.

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

Иконка

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

Всплывающий блок

❖    Отличная идея – блок, всплывающий при наведении на иконку корзины на любой странице сайта. Представьте, что вы в супермаркете. И что в любой момент вы можете ознакомиться с содержимым корзины, а также узнать итоговую сумму покупок. Удобно же?
❖    Предоставьте покупателю возможность удалять товар из корзины, не переходя в раздел. Да, прямо во всплывающем блоке из предыдущего пункта. Там же дайте людям шанс изменить количество позиций в корзине, и будете купаться в народной любви.
❖    При добавлении/удалении/изменении количества товара в корзине посредством всплывающего окна, сумма заказа, а также содержимое корзины должны меняться моментально. 

Действия

❖    Любым приглянувшимся способом покажите клиенту, что товар добавлен в корзину. Реализовать это можно “летящим” в корзину товаром или сменой цвета/ надписи на кнопке.

Что должно быть внутри

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

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