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

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

130 000 ₽ базовая сборка каталога и корзины
20 дней от брифа до публикации
50 / 50 половина на старте, половина после сдачи

Что в магазине ломается первым

Не дизайн. Ломается путь от «нашёл товар» до «оплатил»: поиск не находит по артикулу, фильтр перезагружает страницу целиком, в корзине нет доставки, а на телефоне кнопка «купить» уезжает под панель браузера.

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

меньше 1 с открытие каталога на большой выдаче
артикул поиск находит и по названию, и по коду, и по тегу
от 320 px ширина, с которой корзина остаётся рабочей

Что входит в базовую сборку

130 000 ₽ — это работающий магазин, а не витрина. Ниже — что в этой цене есть и что считается отдельно.

ВходитСчитается отдельно
Каталог с категориями и карточками товаровИмпорт товаров из 1С или чужой базы
Поиск по названию, артикулу и тегамЛичный кабинет покупателя со скидками
Фильтры и сортировкаСкладской учёт и остатки в реальном времени
Корзина и оформление заказаПрограмма лояльности и промокоды
Подключение доставки и расчёт стоимостиМультивалютность и вторая языковая версия
Приём онлайн-оплаты через платёжный шлюзАвтоматическая выгрузка заказов в CRM
Заказ в Telegram и на почтуМаркетплейс-выгрузки (Яндекс Маркет и подобные)

Правая колонка — не «допродажа»: это работы, объём которых зависит от вашей учётной системы, поэтому их нельзя честно зафиксировать до разбора.

Живой пример

StaySee — магазин профессиональной одежды для поваров: каталог, размерные сетки, корзина, доставка СДЭК, личный кабинет со скидками. Открывается по ссылке, это не макет.

Разработка наша; проект сдавался заказчику через студию Alpha Development, её подпись стоит в футере сайта. Мы предпочитаем сказать это прямо, чем изображать прямого клиента.

Что с товарами и остатками

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

До старта мы спрашиваем ровно одно: где сейчас лежит ваш каталог и как часто он меняется. От ответа зависит и срок, и цена — гораздо сильнее, чем от количества страниц.

  • До 200 позиций, меняются редко — заводим руками, входит в базовую сборку
  • Каталог в Excel или CSV — импорт по расписанию, оценивается по формату файла
  • Каталог в 1С или другой учётной системе — интеграция, отдельная смета
  • Остатки и цены в реальном времени — синхронизация, отдельная смета

Технологии

«Свой код» — это конкретный набор инструментов, а не позиция. Вот он.

Фронтенд
Astro, TypeScript, серверный рендеринг каталога
Каталог
Поиск по названию, артикулу и тегам, фильтры без перезагрузки
Оплата
ЮKassa, Тинькофф Касса или шлюз вашего банка
Доставка
СДЭК, Почта России, свои зоны и тарифы
Заказы
Telegram, почта, выгрузка в CRM по отдельной смете

Частые вопросы

Почему 130 000 ₽, а не как лендинг

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

Можно на готовом движке — это же дешевле

Иногда дешевле, и мы честно скажем, если ваш случай такой. Готовый движок выигрывает на типовом магазине с большим каталогом. Проигрывает он там, где нужен нестандартный сценарий покупки или где важна скорость: чужой движок грузит всё, что в нём есть, независимо от того, пользуетесь вы этим или нет.

Кто будет добавлять товары после запуска

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

Оценим магазин по вашему каталогу

Напишите, сколько у вас позиций и где они лежат сейчас. В ответ — состав работ, цена и срок, без созвона.

Получить оценку