Как создать сайт интернет-магазина: пошаговая инструкция

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

1. Поиск ресурсов

Можно создать сайт интернет-магазина самому или нанять подрядчиков: веб-студию или агентство. Рассмотрим оба способа. 

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

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

Где их искать? По сарафанному радио, в соцсетях и Telegram-каналах, на специальных площадках — например, Workspace, где собраны десятки тысяч диджитал-агентств:

15648 веб-студий выполняют разработку сайтов

Вы можете организовать тендер на свою задачу и опубликовать его на площадке. Это бесплатно и просто: достаточно зарегистрироваться как заказчик, выбрать услугу — разработка сайта, подробно описать ТЗ, бюджет проекта, требования к исполнителю и дату окончания приема заявок.

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

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

2. Выбор и регистрация домена 

Домен — это чаще всего название вашего бренда. Например, lamoda.ru — это и домен, и название компании. Обратите внимание на основные правила выбора домена:

• домен должен быть запоминающимся. Думайте о клиенте, который захочет набрать название вашего магазине в поисковой системе. Например, Оzon.ru — такое название вспомнить просто;

• домен должен отражать вашу нишу. Если в оффлайне можно покреативить, чтобы выделиться из общей массы, в интернете это вряд ли прокатит;

Такое название может подойти для чего угодно, не только для магазина разливного 

• в идеале домен должен бить в целевую аудиторию. Она обязательно оценит.

«Дляребенка.ру» — назначение сайта предельно понятно

3. Создание структуры  

Структура — Альфа и Омега любого сайта. Для интернет-магазина структура каталога товаров, пожалуй, даже важнее, чем обычное меню. Ведь на сайт магазина приходят с одной целью — покупать. Поэтому на большинстве интернет-магазинов и маркетплейсов пунктов меню не так уж много, основная роль отведена каталогу.

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

Вот это и есть настоящее меню: с категориями и подкатегориями товаров

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

Создание структуры каталога товаров — настоящее искусство. Важно знать логику покупателя: как он ищет товар, и подстраиваться под нее. Например, если женщина выбирает ремень под платье, этот ремень должен быть не в общей категории «Аксессуары», где размещены товары и для женщин, и для мужчин, и для детей, и ремни, и галстуки, и бижутерия, а в категории «Аксессуары для женщин», в подкатегории «Ремни». Или же в общей категории «Аксессуары» сделать подкатегорию «Ремни» и там уже настроить поиск по фильтрам, чтобы можно было выбрать именно женские ремни. В противном случае поиск нужного товара затянется надолго, а это неудобно для покупателя. 

Здесь структура такая: категория «Аксессуары» — подкатегория «Ремни», а дальше все в кучу: и мужские, и женские модели, и портупеи, и пояса

Итак, структура каталога формируется двумя основными элементами: категориями и фильтрами. 

Категории

Рассмотрим варианты структуры на примере интернет-магазинов косметики.

Категории могут быть следующими:

• по типу товара (крема, маски, духи, декоративная косметика);

• по его назначению (косметика для лица, для тела, для волос);

• по брендам (Christian Dior, Avon, «Чистая линия» и т.д.).

Каждая из этих категорий делится на подкатегории. Здесь возможны комбинации из нескольких вариантов. Например, категория «Крема» может делиться на подкатегории «Крема для волос» и «Крема для тела» или на подкатегории по различным брендам.

Также в отдельные категории можно выделить товары со скидками (понятно, что этот раздел придется постоянно обновлять) и хиты продаж. Старайтесь, чтобы в каждой категории было больше 10 товаров, чтобы у покупателя не было ощущения недостаточного ассортимента.

Фильтры 

Еще один удобный инструмент для облегчения поиска нужного товара. Фильтры могут быть по цене, по популярности, по бренду, по характеристикам, по отзывам и скидкам и т. д.

Удобные фильтры в магазине Beloris

Обратите внимание, что для каждой категории фильтры будут различаться. Если это общие характеристики (сортировать по отзывам, по ценам, по брендам) - то они могут повторяться. А вот характеристики конкретных товаров точно разные: например, у декоративной косметики и парфюмерии. Посмотрим, как это выглядит. 

В категории «Декоративная косметика» первые четыре фильтра - общие, а следующие разработаны специально для этой категории

Теперь смотрим категорию «Парфюмерия».

Видим те же общие фильтры, а в самом низу сортировку по типу парфюмерии: мужскую и женскую 

4. Заполнение карточек товаров

Каждый товар из каталога должен быть представлен в собственной карточке. Ее нужно заполнять особенно тщательно, чтобы покупатель получил ВСЮ необходимую информацию о товаре.

Основные элементы карточки товара:

• название; 

• описание;

• фотографии с разных ракурсов;

• цена (если есть скидка — то размер скидки);

• характеристики (состав, производитель, размер, цвет и т.д.);

• кнопка «Добавить в корзину» или «Купить».

Первая часть карточки товара интернет-магазина «Л’Этуаль»

Смотрим основное описание.

Подробное описание товара

Несколько советов по заполнению карточек: 

1. Большая ошибка — делать или слишком краткое, или слишком пространное описание. Если человек хочет купить те же духи, ему вряд ли интересно, когда появилась первая парфюмерия и что это непременный атрибут стиля современного человека. Давайте только полезную информацию: что за духи, как появились (если это действительно интересно), какие ноты и кому подходят.

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

3. Учитывайте целевую аудиторию вашего магазина. Если продаете детские товары — делайте упор на безопасность и удобство для родителей. Если технику и гаджеты — как уже говорилось, на характеристики. Если ваша ЦА разномастная — что ж, придется постараться и напрячь копирайтеров: пусть пишут сразу для нескольких сегментов.   

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

5. Дизайн сайта

Если вы делаете сайт самостоятельно на конструкторе — просто выберите подходящий шаблон. Если заказываете в агентстве — обязательно укажите в ТЗ свои пожелания и сайты, дизайн которых вам нравится.

Основы хорошего дизайна:

1. Фирменный стиль компании. Логотип бренда, слоган, корпоративные шрифты и цвета — все это должно присутствовать на сайте интернет-магазина.

2. Стильность и лаконичность. Современные сайты исключают мелкие нечитаемые шрифты, кричащие аляповатые цвета, простыни текста без форматирования. Все должно быть строго и стильно.

3. Много фотографий. Товар надо показывать лицом, и желательно со всех сторон. Предоставьте подрядчику как можно больше изображений. Взять их можно у поставщиков, производителей или провести специальную фотосессию. 

6. Продающие элементы

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

Баннеры на главной странице

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

В преддверии Хэллоуина на главной магазина «Читай-город» висит вот такой баннер

Хиты продаж

Выведите подборку самых популярных товаров прямо на главную страницу. Люди — существа стадные: если другие что-то покупают, значит, надо брать!

Распродажи, акции

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

Призывы к действию

Не забывайте про главные кнопки: «Добавить в корзину» и «Купить». Присмотритесь и к другим вариантам: «Добавить отзыв», «Сравнить товары», «Зарегистрироваться» — все это тоже призывы к действию.

Виджеты

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

Ищешь пижаму вот тебе еще 10 вариантов, чтобы уж точно хоть что-то купил

7. Подключение онлайн-оплаты

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

На AliExpress большой выбор вариантов оплаты

Например, системы приема платежей от Сбербанка, «Яндекс.Касса», QIWI и другие легко интегрируются с сайтами интернет-магазинов. 

Но одной системы мало: покупатель должен еще получить электронный чек. Для этого придется обзавестись онлайн-кассой и зарегистрировать ее в налоговой, а также фискальным накопителем.  

8. Способы доставки

У покупателя должна быть возможность выбрать приемлемый способ доставки. Дайте любимым клиентам больше разнообразия: самовывоз, доставка курьером, Почтой России, транспортными компаниями, через постаматы и пункты выдачи.

Разумеется, для этого нужно заранее продумать внутренние бизнес-процессы и логистику, ведь e-commerce — это не только сайт. Если изначально в бизнес-модели не предусмотрены постаматы или пункты выдачи - значит, их не будет и на сайте. 

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

9. Продвижение сайта интернет-магазина

Итак, все сделано, сайт работает, как часы. Но как сделать так, чтобы потенциальные покупатели его увидели? Есть несколько работающих способов.

1. Контекстная реклама в «Яндекс.Директ» или Google Adwords. Благодаря ей ваш сайт будет выводиться в верхние точки топа поисковых систем. 

Все верхние строчки занимают магазины, которые продвигаются с помощью контекстной рекламы

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

2. Контент-маркетинг: статьи в блог интернет-магазина, пресс-релизы в СМИ, рассылки по базе подписчиков и другие тексты. 

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

Мы уже рассказали, где искать подрядчиков: в каталоге агентств Workspace, кроме разработчиков сайта есть и те, кто занимается SEO, контекстной рекламой, SMM и PR.  Удачи в создании и продвижении сайта и хороших вам продаж!