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

✓ сделать все самому;

✓ нанять специалистов (фрилансеров, студию и т. д.);

✓ использовать готовые решения.

Следует понимать, что первый вариант требует значительных знаний и умений. Я не один раз видел, как новоиспеченные владельцы магазинов пытались сами править шаблоны, разрабатывать логотипы и прочее. Результат, как правило, был плачевным. Это все равно, что вы попытаетесь сделать ремонт в квартире, совершенно не обладая знаниями о поклейке обоев, установке натяжных потолков, побелке, покраске и т. д. Думаю, понятно, что обои будут не состыкованы, потолки в лучшем случае окажутся провисшими, а в худшем упадут на голову.

Вариант номер два подразумевает наличие средств. Впрочем, если у вас есть средства, то создание всего магазина можно аутсорсить (начиная от создания контента и заканчивая раскруткой), но, полагаю, что если вы читаете данную книгу, то этот вариант тоже не совсем вам подходит.

Остается третий и, пожалуй, самый верный способ на начальном этапе – готовый шаблон. Все движки и сервисы имеют ряд готовых шаблонов, которые, как правило, не блещут изысканностью и продуманностью. Поэтому не советую использовать их. За 2–5 тысяч рублей можно найти платные и доработанные шаблоны почти на любой популярный движок или сервис. Этим вы обеспечите, во-первых, относительную уникальность (потому что платные шаблоны используются намного реже бесплатных), а во-вторых, профессиональный вид вашего магазина.

Впрочем, можно пойти и другим путем, доработав самостоятельно или с помощью фрилансеров бесплатный шаблон: обеспечить зонирование (об этом ниже), подбор цветов и другие мелочи. Но это опять же выльется в те же 1–5 тысяч рублей фрилансерам и потраченное время.

И запомните главное: если у вас нет опыта, не пытайтесь дорабатывать шаблоны самостоятельно, будь они платные или бесплатные.

Зонирование при разработке дизайна

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

Согласно многочисленным исследованиям, внимание посетителя по сайту распределяется неравномерно (рис. 1 и 2).

Рис. 1.Распределение внимания посетителя по странице сайта

Рис. 2.Диаграмма Гутенберга

Наибольшее внимание клиентов привлекает верхняя область страницы (рис. 3).

Рис. 3.Зона наибольшего привлечения внимания

Именно там нужно расположить все, что важно клиенту. Как правило, это:

1. Шапка (логотип + контакты).

2. Ссылки на значимые страницы (доставка, оплата, о компании и т. д.).

3. Категории.

4. Баннеры, уникальное торговое предложение.

На рис. 4 приведен пример расположения информации на странице. Конечно, это не единственно возможный вариант. Например, категории можно расположить сверху, а не слева, а значимые ссылки внизу (если изначально нужно привлечь внимание к товару), но всегда учитывайте зонирование при распределении элементов магазина. Не стоит располагать категории справа, а отзывы слева.

Рис. 4.Размещение ключевой информации в зоне наибольшего внимания на примере магазина «Мир Гика»

Некоторые создают еще одну правую колонку (дизайн буквой П) и в ней помещают дополнительную информацию, например отзывы, группы «Фейсбук» или «ВКонтакте», последние просмотренные товары и т. д. Однако следует учесть, что правая колонка зажимает центральный контент и отвлекает на себя внимание уже при просмотре конкретного товара. Поэтому мой совет – лучше по возможности от нее отказаться.

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

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

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

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

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

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

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

Ошибки, которые могут отпугнуть потенциального клиента

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

Прежде всего это телефон. Он должен четко соответствовать региону ваших продаж, то есть если вы продаете, скажем, в Ростове-на-Дону, то и телефон должен быть с кодом Ростова. Если продаете в Красноярске, то с кодом Красноярска. Ни в коем случае не ограничивайтесь лишь сотовым телефоном (его можно использовать как дополнительный), любой солидный магазин должен иметь городской номер (а в идеале бесплатный с кодом 800). Почему-то считается, что это дорогой сервис. Тарифы у всех разные, и вполне можно найти подходящий вариант (например, у «Зебра Телеком» есть тариф, который стоит порядка 2000 рублей в месяц).

Читать дальше