Интернет-магазин с нуля. Полное пошаговое руководство

Базовое расположение элементов магазина

Разобравшись с зонированием, вы наверняка зададитесь вопросами, какая информация является наиболее важной для клиента и что же расположить в каждом конкретном блоке. Остановимся на этом подробнее.

Шапка сайта. Здесь обязательно располагается ваш логотип (слева) и контакты (телефоны, «Скайп» и т. д.). Удачным решением будет разместить в правом верхнем углу блок корзины – это стандарт, к которому все привыкли, а область пониженного внимания не будет подгонять клиента к оформлению заказа, а позволит сосредоточиться на выборе товара. Следует учесть, что все элементы необходимо разграничить, то есть контакты не должны сливаться с блоком корзины или логотипа.

Что касается контактной информации, то ей следует уделить особое внимание. Если посетитель не сможет найти телефон в вашем интернет-магазине, то это сильно подорвет его доверие к вам.

Основное меню. Располагается, как правило, сразу под шапкой. Мой совет – всегда помещать в него ссылки на страницы, максимально описывающие ваш магазин, условия доставки, гарантии и прочие особенности. Нужно понимать, что ваш товар, скорее всего, не будет на 100 % уникальным, а значит, решение о покупке клиент будет принимать, исходя из условий и понятности работы вашего магазина.

Левая колонка. Область повышенного внимания, поэтому здесь сверху нужно расположить основную навигацию по категориям и поиск. Ниже располагаются блоки в порядке значимости: подписка на рассылку, отзывы, группы в социальных сетях, новости и т. д.

Центральный контент. Здесь следует обратить внимание на еще одну особенность просмотра страниц, так называемый эффект буквы F, когда посетитель просматривает первые две строки, а потом перемещается по вертикали. Второй строкой, как правило, выступает верхняя часть контента (первая строка – шапка с меню), и она привлекает внимание посетителя практически сразу. И ваша задача – задержать его внимание, расположив красочные баннеры, уникальные предложения, информацию об акциях или даже видео. Чем необычнее будет подача, тем больше шансов, что случайный посетитель превратится в покупателя. Но основная цель этого элемента – не продать, а именно задержать внимание.