На чем не надо экономить, если создаешь интернет-магазин с нуля

Мечтаете об успешном интернет-магазине? Мы подготовили несколько советов по созданию и продвижению сайтов для чайников. Как сделать интернет-магазин самому с нуля? Как начать свой бизнес без опыта? Обо всем этом расскажем в нашей статье.
Предупреждаем, что запуск интернет-магазина с нуля может показаться новичку очень сложным. Вы совершите немало ошибок прежде, чем добьетесь первых положительных результатов. Поэтому рассмотрите еще вариант создания сайта интернет-магазина с помощью конструкторов сайтов. Этот вариант потребует денежных затрат, но сэкономит ваши силы и время.

Какие этапы разработки сайта интернет-магазина нужно пройти?

Этапы разработки сайта:

1. Определите цели создания сайта
2. Составьте техническое задание
3. Разработайте дизайн-макет сайта
4. Верстка, программирование, CMS
5. Подключите оплату
6. Настройте доставку
7. Наполните сайт контентом
8. Запустите и протестируйте сайт
9. Займитесь продвижением и рекламой сайта
10. Проводите аналитику

Определите цели создания сайта

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

• Кто ваша целевая аудитория? Опишите подробно: пол, возраст, уровень дохода, кем работает, интересы.
• Что ждет потенциальный покупатель от вашего сайта?
• Кто ваши конкуренты? Как выглядит их сайт? Чем представлены функционал, структура и дизайн?
• В чем ваши преимущества? Что особенного можете предложить?
• Какие способы продажи и доставки будете применять?

Какие цели создания сайта можно определить:

• Знакомство ЦА с компанией
• Информирование клиентов о продукции
• Продажа товаров и услуг
• Получение обратной связи
• Сбор статистики

Из целей вытекают задачи создания сайта:

• Увеличить объем продаж за счет притока трафика
• Повысить юзабилити сайта
• Уведомлять о новостях компании
• Сократить расходы на рекламу и продвижение
• Найти дополнительные каналы продвижения

Составьте техническое задание

Техническое задание - документ, в котором перечислены все требования к сайту. ТЗ необходимо для того, чтобы заказчик (бизнесмен) и исполнитель (IT-специалист) поняли друг друга.
Если вы разрабатываете ТЗ самостоятельно, это поможет вам структурировать работу и придерживаться плана. Но имейте в виду, что на этом этапе можно допустить множество серьезных ошибок. Поэтому если вы не уверены в своих силах, лучше доверьте это дело менеджеру проекта или разработчику.

Какую пользу приносит техническое задание заказчику?

1. Четкое представление структуры сайта. Если что-то не устроит - можете поменять структуру до начала создания сайта.
2. Оценка компетентности исполнителя. Когда перед вами готовый сайт интернет-магазина - проверьте его по ТЗ. Всем ли требованиям соответствует? Если нет, то исполнитель обязан исправить недочеты.
3. Удобство замены исполнителя. Если по каким-то причинам исполнитель отказался от работы или вы недовольны им, то всегда можете предложить готовое ТЗ другим исполнителям. Это не займет много времени. Новая команда быстро включится в работу.
4. Рассчитать стоимость разработки сайта. Без технического задания невозможно вычислить точную стоимость и сроки создания сайта. Только собрав “корзину” из функций сайта и особенностей сервиса, можно предвидеть предстоящие затраты.

Что необходимо обязательно указать в ТЗ?

• Цели и задачи сайта
• Целевая аудитория
• Требования к серверу
• Структура сайта до каждой страницы
• Используемые технологии и CMS
• Макет дизайна интерфейса
• Внутренние переходы по сайту
• Кто занимается контентом

Несколько советов, которые помогут вам при составлении ТЗ:

1. Объективность критериев. Используйте конкретные формулировки, избегайте субъективности (н-р, “красивый дизайн”, “быстрый сайт”). Указывайте подробно: “страница загружается за 5 секунд при стабильном подключении к сети интернет”.
2. Подробное описание. Особенно это касается дизайна, где необходимо указать цветовую гамму, шрифты и др.
3. Дополнительный функционал. Если хотите, чтобы ваш сайт интернет-магазина отличался от шаблонных кейсов, то сразу указывайте, что хотите видеть на сайте.
4. Лаконичность. Можно подробно изложить суть на 15 страницах, чтобы заказчик и исполнитель поняли друг друга. А можно - на 100 страниц с указанием мельчайших деталей, из-за которых теряется суть ТЗ.

Разработайте дизайн-макет сайта

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

Что входит в дизайн-макет:

• Параметры и размеры страницы
• Фон и цветовая гамма
• Особенности блоков
• Границы и отступы
• Дизайн структурных компонентов и не только

Существует несколько типов дизайн-макетов:

1. Резиновые. Элементы автоматически растягиваются на всей странице и заполняют всю ширину экрана.
2. Фиксированные. Элементы сохраняют определенную ширину. Растягивается только фон.
3. Адаптивные. Элементы подстраиваются под ширину экрана и располагаются равномерно. Таким образом сохраняются блочность страницы, читабельность текста. Этот вариант наиболее оптимален для сайта интернет-магазина.

Какие правила нужно соблюдать при разработке дизайн-макета сайта?

1. Выберете формат файлов. Самым популярным графическим редактором является Adobe Photoshop. Файлы, которые сохраняются в нем, представлены в расширении .psd. Не менее популярный редактор - Figma. Чаще всего с помощью Фигмы дизайнеры отрисовывают макеты сайтов даже для конструкторов интернет-магазинов. Стоит ли делать сайт на конструкторе, например, Сайтроссия? Вопрос интересный. Из плюсов: низкий чек и быстрота разработки сайта, самостоятельное управление, адаптивность блоков. Функционал выбираете самостоятельно такой, на сколько широкий нужен. Многие выбирают этот способ запуска своего бизнеса и остаются довольны.
2. Не забывайте о правилах визуального дизайна. Используйте цветовую модель RGB и сетку для выравнивания компонентов внутри макета.
3. Для расстояний и отступов - только целые четные числа!
4. Удалите скрытые и пустые слои, сгруппируйте по логике и подпишите.
5. Если элементы не отображаются с помощью HTML и CSS, то вынесите их на отдельную монтажную область. Это пригодится, если понадобится вносить правки. Экспортируйте в формат PNG или SVG для экономии времени.
6. Примеряйте шрифты и необходимые иконки.
7. Показывайте элементы в движении с помощью анимации.
8. Укажите точные параметры макета. Это поможет при вёрстке.

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

Верстка, программирование, CMS

CMS (система управления контентом) значительно упрощает управление сайта. Но при установке и настройке требует специальных навыков. Самые известные CMS - “1C-Битрикс”, “Joomla”, WordPress.
Важно: платформу для сайта можно создать либо с помощью CMS, либо с помощью конструктора сайта (н-р, Тильда, которую упоминали ранее). Существует еще третий вариант - самостоятельное написание кода. Но это самый трудный вариант для новичка. Поэтому в данной статье его не рассматриваем.
Существует множество языков программирования. Самые популярные из них: HTML, CSS и JavaScript.
При программировании постарайтесь написать код “красивым и чистым”. Что это значит? Код должен быть лаконичен. В таком случае сайт будет грузиться намного быстрее, а значит, в поисковых системах сайт будет пробиваться чаще. Длинные коды наоборот “утяжеляют” сайт, поэтому поисковым системам нравятся куда меньше.
Кросс-браузерная верстка - подход к разработке html-кода (верстка), который позволяет сайту отображаться и функционировать во всех браузерах идентично.

Подключите оплату

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

Какие способы оплаты могут быть?

• Банковская карта
• Электронный кошелек
• Наличные
• Наложенный платеж
• Банковский перевод

Разберем особенности работы с каждым из них.

Банковская карта

Самый популярный способ платежа. Как работает? Клиент выбирает “оплатить банковской картой”, переходит на страницу платежной системы, куда и отправится сумма заказа. Покупатель вбивает данные карты, нажимает на горячую кнопку “оплата”. Деньги списываются. Сайт возвращает на страницу интернет-магазина, где подтверждается оплата.

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

• Сбербанк
• QIWI
• Робокасса
• Тинькофф Оплата
• ЮKassa

Электронный кошелек

Клиент выбирает данный вид оплаты, переходит на сайт платежной системы, вводит логин и пароль и подтверждает оплату.
Плюсы: деньги приходят сразу. Клиентам легче потратить электронные деньги.
Минусы: сталкиваетесь с комиссией за обработку платежа. Для самого популярного электронного кошелька Киви максимальный платеж составляет 15.000. Поэтому если ваш интернет-магазин продает продукцию по цене выше этого порога, то такой способ оплаты не подойдет. Эти трудности отобьют у клиента желание купить товар, и он скорее всего уйдет с сайта интернет-магазина.

Наличные

Оплата возможна при доставке курьером или самовывозе, когда клиент самостоятельно забирает товар со склада.
Плюсы: клиент больше доверяет “живой” оплате из рук в руки. Не пользуетесь платежной системой, а значит, не платите комиссию.
Минусы: обязательно использование контрольно-кассовой техники - онлайн-касс с выдачей бумажного чека. Электронный же чек высылается на почту или номер телефона клиента по желанию. Всегда необходимо иметь наличные, если понадобится сдача.

Наложенный платеж

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

Банковский перевод

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

Настройте доставку

В зависимости от вида вашей продукции необходимо подобрать один или несколько типов доставки. Это могут быть:

• Самовывоз. Этот тип доставки подойдет для небольших по размеру и цене товарам, которые клиенту удобнее забрать самому.

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

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

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

• Почта России. Как работает - рассказали в разделе выше. Удобно отправлять товары целевой аудитории из небольших городов. Таким способом рекомендовано отправлять недорогие, небьющиеся, нетяжелые товары (одежда и обувь, например).
• Транспортные компании. Удобно отправлять тяжелые и большие по объему товары в крупные города.
• Почтоматы. Новый и набирающий обороты тип доставки. Почтоматы располагают в местах большого скопления людей. Никаких очередей и ожидания курьера. Работает почтомат 24 часа в сутки. Клиент забирает посылку в удобное для него время. Единственный минус: размер ячейки, куда можно положить только небольшой товар.

Наполните сайт контентом

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

Как можно наполнить сайт контентом?

1. Самостоятельно. Вариант, когда вам придется заполнять каталог вручную. С одной стороны, это экономия денег, минимум ошибок, если вы разбираетесь в контент-плане. С другой стороны, если ваш сайт интернет-магазина продает сотни видов торговых единиц, то на заполнение каталога уйдет несколько недель в лучшем случае (а месяцев - в худшем).
2. Нанять менеджера по контенту. Довериться профессионалу дорого, но эффективно. Цены на услуги будут зависеть от количества карточек, объема контента и способа его создания. Также это могут быть разовые или регулярные услуги, когда необходимо постоянное обновление карточек.
3. Парсинг - это сбор информации и ее систематизация из интернета с помощью автоматизированных систем. IT-специалисты разрабатывают такие программы специально для сайта интернет-магазина. Оплата разовая. Недостаток: программа берет готовый материал и не видоизменяет его, что чревато спорами с конкурентами и порой недостоверной информацией.

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

Запустите и протестируйте сайт

Тестирование необходимо для того, чтобы убедиться в качестве сделанного сайта и исправить недочеты. Интернет-магазин должен соответствовать вашему ТЗ и нравиться вам, как заказчику. Сайт должен быть удобным для клиента с разных устройств и браузеров.
Самостоятельно бизнесмену сложно протестировать сайт, т.к. нужны знания в программировании. Поэтому чаще всего тестирование сайта передают в руки специалистов.
Разработчики быстро не только находят ошибки и исправляют их, но видят слабые места и предлагают компромиссные решения. Опыт профессионалов помогает сократить время на разработки сайта и снизить ваши издержки на выходе.
В идеале программисты должны протестировать сайт на трех этапах: тест прототипа, верстки и финальной версии. Так конечный результат будет качественным. Но не все продавцы могут позволить себе нанять специалиста и берутся за дело сами. После чего допускают множество ошибок, тратят свои силы и время, а потом все-таки нанимают тестировщиков.

Займитесь продвижением и рекламой сайта

Чтобы заинтересовать и побудить пользователей к покупке, необходимо развернуть эффективную рекламную кампанию и разбираться в особенностях и нюансах продвижения.
Если вы не представляете, что такое “SEO-оптимизация”, “SMM”, “контекстная реклама”, то у вас есть выбор: пройти курсы и изучить маркетинг самостоятельно или же нанять грамотного специалиста, который сделает всю работу за вас.
Какие задачи необходимо решить в первую очередь?

• оптимизировать главные страницы, категории, подкатегории и мелкие разделы под поисковые системы
• наполнить сайт контентом, который привлечет клиентов
• подготовить сайт для контекстной рекламы

Каналов рекламы множество. И каждый из них необходимо проанализировать, чтобы подобрать оптимальные варианты именно под ваш сайт интернет-магазина.

Проводите аналитику

Когда запустите сайт и получите первые заказы, не забудьте об аналитике. Это ваш главный помощник. Аналитика отслеживает трафик пользователей на сайте, наиболее популярные товары, время нахождения на сайте. Можно анализировать и работу конкурентов: какой трафик у них, какие фишки нравятся ЦА и какие недочеты есть.
Мы рассказали, как сделать сайт интернет-магазина самому с нуля, и желаем вам успехов и удачи. Если остались какие-либо вопросы - вы всегда можете обратиться к нам за советом. А также мы будем рады, если вы доверите создание и продвижение сайта интернет-магазина нашей команде.