Создание интернет-магазина. Варианты, инструкции, чек-листы

Как создать интернет-магазин? Тема слишком объёмна, чтобы рассказать о ней в одном посте. Я коснусь самых важных моментов, которые дадут вам вектор для дальнейшего изучения.

Разработка независимого интернет-магазина

Независимый означает, что вы имеете над ним полный или почти полный контроль. То есть он работает не на готовом онлайн-сервисе, где вы просто зарегистрировались и загрузили свой товар.

Интернет-магазины могут быть размещены:

• На своей площадке. Тогда вам потребуется домен и хостинг. Домен это адрес сайта. А хостинг — папочка на компьютере (сервере), где он физически лежит.
• На сторонней площадке, куда относятся все остальные сервисы (доски объявлений а-ля avito.ru, социальные сети, торговые площадки а-ля tiu.ru)

Сегодня поговорим об интернет-магазине на своей площадке.

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

Движок, админка, CMS

В частности, у любого интернет-магазина должен быть движок. Это программное ядро сайта, включающее в себя и закрытую административную часть, с помощью которой можно обновлять контент (каталог, новости, контакты, картинки). Ее еще называют CMS.
⠀
Движки бывают:

1. Бесплатные (WordPress, Joomla, Drupal, ModX)
2. Платные (1С-bitrix, Umi.Cms, NetCat, InSales)

На каком движке делать интернет-магазин — тема для ментальных войн не одного поколения программистов. Одно очевидно — если любую админку допилить под ваши нужды и сделать ее удобной для вас — подойдет любой движок. Хотя в каждом есть свои особенности.
⠀
Для многих важно иметь возможность обновлять каталог из 1С. Считается, что лучше всего с этим справляется 1C-bitrix. Хотя на деле интеграция 1С возможна с любым движком.

Однако если важны:

• Безопасность
• Высоконагруженность (много посетителей на сайте одновременно делают много действий)
• Обновление каталога
• Внутренний документооборот
• Интеграция с платежными системами
• Интеграция с онлайн-кассой
• Интеграция с CRM, то скорее порекомендую Bitrix.

Разработка

Варианты разработки интернет-магазина:

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

Разработка интернет-магазина с нуля

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

Общий цикл работы выглядит так:

1. Формулирование целей и задач, написание технического задания
2. Прототипирование и схематика всех типовых страниц. Например, в Figma, Sketch, Adobe XD
3. Прорисовка макетов в Photoshop, (либо в Sketch или Adobe XD)
4. Адаптивнгая вёрстка отрисованных макетов, их перевод в HTML+CSS. Адаптивная означает, что сайт будет хорошо смотреться на всех устройствах, будет подстраиваться под разрешение экрана
5. Программирование и «натяжка» сайта на выбранный движок.
6. Наполнение сайта и его тестирование.

Создание интернет-магазина на готовом решении (шаблоне)

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

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

Шаблоны для 1C-BITRIX

• Шаблоны для битрикс можно посмотреть на marketplace.1c-bitrix.ru.
• Помимо шаблона нужно будет приобрести лицензию 1с-битрикс. Лицензии есть разные, под разные нужды и набор функционала. Цены есть на сайте, от 5 400 до 72 900 за лицензию.
• На мой вкус дизайны сайтов в маркетплейсе битрикс в массе своей не очень привлекательны.
• В целом движок больше подходит для более сложных проектов.

Шаблоны для WORDPRESS

• Шаблоны для WordPress можно посмотреть на сайте themeforest.net
• Движок бесплатен
• Шаблоны англоязычные и какие-то куски нужно переводить.
• Площадка требовательна и к коду, и к дизайну шаблонов. На мой вкус уровень дизайна там выше, чем в маркетплейсе битрикс.⠀

Даже приобретая готовое решение, Вам все же может потребоваться помощь программиста или вебмастера. Чтобы его установить и настроить под ваши цели.

Разработка интернет-магазина на конструкторе сайтов

Как альтернатива, но уже без столь заметного участия программиста, можно рассмотреть конструкторы сайтов: tilda.ws, flexbe.ru, ukit.com, wix.com, lpmotor.ru, lpgenerator.ru. Конструкторы — на то и конструкторы, чтобы иметь возможность из готовых кусочков собрать рабочую модель. Это можно сделать самому.

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

На что стоит обратить внимание:

1. Количество готовых дизайн-блоков, из которых можно выбрать необходимые элементы
2. Простота редактирования блоков.
3. Изменение элементов простым кликом.
4. Возможность подключения своего домена (адреса сайта)
5. Количество сайтов, которые можно создать в одном аккаунте
6. Выделяемый объем памяти
7. Бесплатный пробный период и возможности бесплатной версии
8. Мультилендинг (динамическое отображение контента в зависимости от того, из какого рекламного канала пришёл посетитель либо по какому запросу пришёл посетитель из поисковика)
9. Интеграция с платёжными системами для приёма платежей, интеграция с crm-системами, email-сервисами, чат-ботами и сервисами обратного звонка и иными сторонними сервисами
10. Стоимость платной версии
11. Документация, позволяющая понять как работать с конструктором

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

Что должно быть в интернет-магазине⠀

Важные функциональные элементы любого интернет-магазина:

• Каталог товаров/услуг
• Карточка конкретного товара/услуги
• Корзина
• Модуль оплаты (хотя в нашей стране любят оплату после доставки)
• Информация о продавце, доставке и графике работы
• Процесс оформления заказа (с оставлением контактных данных)
• Подключенная онлайн-касса. Например, Атол
• Подключена система товароучета. МойСклад, Контур, 1С. На худой конец, табличка в эксель.

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

Стоимость разработки интернет-магазина

⠀

Стоимость разработки на конструкторе — от 6 тысяч рублей в год за использование конструктора при самостоятельной сборке.
⠀
Стоимость разработки интернет-магазина у фрилансера, веб-студии, агентства — от 20 тысяч до нескольких миллионов рублей за проект. И здесь клиент может впасть в ступор, почему такая разница в цене?

Ответ на этот вопрос напрямую зависит от нескольких критериев:

• По какому пути разрабатывается интернет-магазин (с нуля, на готовом решении, на конструкторе)
• Чьими силами будет вестись разработка (фрилансер, небольшая студия, большое агентство)
• Количество людей, которые будут работать над вашим проектом. Это будет один фрилансер, который сделает все сам. Или это фрилансер, у которого есть своя команда и он ее координирует. Или же это агентство, где над проектом работает менеджер проектов, дизайнер, верстальщик, программист, контент-менеджер.
• Какие расходы в цену включает исполнитель (оплата сотрудников, наличие офиса, поддержка инфраструктуры (связь, сервера, лицензионное программное обеспечение), налоги)
• Какая ценовая политика у исполнителя. Это низкий бюджет с минимальной маржой и работа на потоке, или это высокий бюджет с хорошим качеством исполнения под каждого клиента.
• Четкость поставленной задачи. Если вы и сами не знаете, что вам нужно по дизайну и по функционалу, значит, возможны постоянные правки. А если они возможны, то цена «тайно» будет расти.
• В конце концов, клиент — это небольшая компания или же большая? Если большая, то ей часто нужны встречи по проекту. Процесс согласования будет более длительным, а значит разработчику нужно держать ресурсы под проект. Но, чем дольше делается проект, тем ниже может быть его рентабельность для исполнителя. Одно дело заработать 1 000 рублей за месяц, другое дело, эту же тысячу заработать за год. Поэтому в случае с длительными сроками согласования исполнитель вынужден ставить цену выше, чтобы сохранять рентабельность.

Сроки разработки

На потоке

Если вы делаете интернет-магазин с помощью разработчика, то он вам обозначит сроки. При этом, чаще всего обозначаются сроки именно на разработку. Без учета обратной связи, которая потребуется вам, и которая потребуется ему. И тут есть нюанс: если вы работает с исполнителем, у которого модель разработки потоковая, а цена низкая, то он будет вынужден постоянно «добирать» проекты для «поддержания штанов». Если вы задержали с ответом, то с высокой вероятностью выбили график ресурсов исполнителя из колеи, и теперь ваш проект будет отставать от графика постоянно. Кроме того, если вы задержали с ответом, то теперь исполнителю нужно будет искать «окно», чтобы вклинить ваш проект в поток.

Большое агентство

Если вы работаете с большим агентством, то эта вероятность снижается, но все равно сохраняется.

Четкость задачи

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

Материалы

Еще на сроки влияет удобство и своевременность материалов, необходимых для внесения на сайт. Файлы в PDF, картинки в WORD’e все это увеличивает сроки.

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

Ваш правовой статус

Для того, чтобы существовать как интернет-магазин, вам нужно быть в легальном поле. То есть должно быть открыто ООО или ИП. Это дает и права, и обязанности.

Права:

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

Обязанности:

• Вы сможете подключить онлайн-кассу и автоматически выписывать покупателям чеки. Если не сделать этого, то есть риск попасть на штраф — 30 000 рублей за каждый невыписанный чек.
• Сдача налоговой отчетности, уплата платежей в пенсионный фонд за себя и за сотрудников. Причем, ИП должен уплатить около 33 000 рублей даже, если он не ведет никакой деятельности и прибыль равна 0.

Напоследок…

Оставлю здесь в помощь вам чек-лист на открытие интернет-магазина.

1. Зарегистрировать ИП или ООО и выбрать систему налогообложения наиболее выгодную для вас.
2. Выбрать систему товароучета: 1С, Трейд, да хотя бы таблица эксель.
3. Собственно, разработать интернет-магазин. Варианты реализации: с нуля, готовое решение, либо конструктор. Движки платные (Bitrix, umi.cms, netcat, insales) и движки бесплатные (WordPress, joomla, drupal, modx). Конструктор не подойдёт для магазинов с количеством товаров больше 50. Придётся вручную обновлять базу, неудобно.
4. Взаимосвязь систему товароучета и сайта.
5. Сайт размещён на собственном домене (адрес сайта) и на надёжном хостинге (timeweb, reg.ru, sweb.ru, nic.ru)
6. Наполнить и-м: самостоятельно, с помощью контент-менеджера, с помощью разработчика
7. Проверить работоспособность всех форм обратной связи, написать тестовые письма.
8. В каталоге товаров понятные фотографии и полное описание продукта
9. Заказы приходят на email и в админку
10. Заказы приходят в CRM, автоматом заводится карточка клиента.
11. Установлен онлайн-консультант (чат).
12. Подключена платёжная система и протестирована её работа (яндекс.касса, тинькофф, PayPal, эквайринг от сбера, payinpayout)
13. Пользователю приходят уведомления на email после оформления заказа.
14. Возможность заказать товар без регистрации. Возможность авторизоваться через соцсети или же простая регистрация.
15. Подключён независимый email-сервис рассылок, либо интегрированный с CRM для допродаж.
16. Есть договор со службами доставки (ponyexpress, dpd, cdek, яндекс.доставка) и Почтой России и товары быстро доставляются.
17. Продумана система обработки заказов. Самостоятельное подтверждение по телефону, фриланс или договор с коллцентром. При этом фиксируются и меняются статусы заказов (оформлен, доставка, оплачен, отменен, перенесён)
18. Подключена онлайн-касса. После оплаты чеки в течение пяти минут отправляются в налоговую.
19. Своевременно уплачиваются налоги и сдаётся отчёт

Подписывайтесь, если хотите получать больше полезного контента!