Каталог и фильтры
Категории, фильтры и сортировка строятся под ваш товар, а не наоборот. «По размеру» в магазине обуви и «по мощности» в магазине инструмента — это разные фильтры, и шаблон о них не знает.
Услуги · 08
От фотографии товара на столе до накладной, которую курьер забирает вечером. Каталог, корзина, оплата и доставка — один механизм, а не пять отдельных сервисов, склеенных между собой.
Просто напишите — дальше я сам. Посчитаю задачу бесплатно.
Знакомо
Ни одна из них не про дизайн. Все три — про механику, и именно она разобрана на этой странице.
Живое демо — его можно нажать.
Механика
Витрину сегодня сделает кто угодно. Разница начинается там, где покупатель нажал «Купить», а вы ещё спите. Вот что происходит дальше — и что из этого доходит до вас.
Покупатель складывает товары и уходит читать дальше. Корзина переживает перезагрузку страницы и возвращение на следующий день — именно там и живёт половина заказов.
Имя, телефон, отделение — и всё. Каждое лишнее поле в форме стоит заказов, поэтому их здесь ровно столько, сколько нужно, чтобы посылка доехала.
Город и отделение покупатель выбирает из списка перевозчика, а не набирает руками. Ошибка в адресе — самая дорогая ошибка магазина: посылка едет, возвращается, и платите за это вы.
Картой сразу или при получении — выбор остаётся за покупателем. Магазин, который требует предоплаты от незнакомого человека, теряет часть заказов молча, и вы даже не увидите какую.
Заказ падает в админку и вам в Telegram одновременно. Покупателю подтверждение уходит само, без вашего участия: это та минута, когда он решает, настоящий ли это магазин.
Накладная создаётся из карточки заказа, номер возвращается покупателю в сообщении. Переносить адрес в кабинет перевозчика руками не нужно — именно на этом переносе и появляются описки.
Проданный товар исчезает с витрины сам. Худший разговор с покупателем — тот, что начинается со слов «извините, этого уже нет»: деньги возвращаются, а человек нет.
Это не перечень возможностей, а то, как магазин работает ночью, пока вы спите. Любой шаг отсюда можно убрать — но тогда кто-то должен делать его руками, и этот кто-то вы.
Что входит
Категории, фильтры и сортировка строятся под ваш товар, а не наоборот. «По размеру» в магазине обуви и «по мощности» в магазине инструмента — это разные фильтры, и шаблон о них не знает.
Фото, описание, характеристики, наличие, похожие товары. На карточку приходят из поиска напрямую, поэтому она делается как полноценная страница, а не как всплывающее окно поверх каталога.
Корзина, которая не теряется, и форма без регистрации. Промокод, комментарий к заказу, выбор способа оплаты и доставки на одном экране.
Онлайн-оплата картой и оплата при получении. Договор с платёжным сервисом оформляется на вас, деньги идут напрямую вам — у меня к ним нет доступа и не должно быть.
Выбор города и отделения из списка перевозчика, расчёт стоимости и создание накладной из карточки заказа. Самовывоз и свой курьер — тоже варианты доставки, и они тоже настраиваются.
Товары, цены, наличие, заказы и статусы меняете вы, без меня и без разработчика. Это та часть, в которой вы проведёте больше всего времени, и именно её обычно делают последней.
Загрузка товаров файлом вместо ручного набора и выгрузка каталога для маркетплейсов и товарной рекламы. Один каталог, а не три копии, которые расходятся между собой.
Видно, откуда пришёл покупатель и на каком шаге ушёл. Без этого магазин чинят на ощупь: меняют кнопку, когда ломается доставка.
Как это идёт
Что продаёте, сколько позиций, как доставляете и принимаете деньги сейчас. Полчаса переписки вместо звонка — и я уже знаю, где у вас узкое место.
От вас: ссылка на то, чем торгуете сейчас
Категории, фильтры и поля карточки товара — на бумаге, до первой строки кода. Здесь решается, найдёт ли покупатель свой товар за три касания, и переделывать это после запуска дорого.
От вас: перечень товаров и чем они отличаются
Дизайн и вёрстка, телефон первым. Вы смотрите живые страницы в своём браузере, а не картинки макета — разницу между ними видно как раз на каталоге.
От вас: замечания одним списком, а не по одному
Корзина, оплата, доставка, админка, импорт. Каждый узел проверяется настоящим тестовым заказом — от кнопки до накладной, а не на слово.
От вас: доступы к почте, оплате и перевозчику
Первый настоящий заказ проходим вместе, уже на живом магазине. Админку я показываю на вашем товаре, а не на примере: добавить позицию, изменить цену, закрыть заказ.
От вас: ничего
Вопросы
Сначала смотрю, потом говорю. Если конструктор держит ваш объём и не мешает — не трогаем, доработать дешевле. Переносить стоит тогда, когда вы упираетесь в тариф или ждёте поддержку, чтобы изменить одно поле в форме.
Вопрос не в количестве, а в структуре. Каталог на сотню позиций без фильтров ищется хуже, чем на несколько тысяч с правильными категориями. Объём вы называете в техническом задании, и структура строится под него, а не под средний случай.
Это оговаривается отдельно. Но руками по одному товару каталог не набирают: делается импорт файлом, а дальше новинки вы добавляете сами через админку — на это уходит минута, и разработчик для этого не нужен.
Да, и многие магазины так и делают: сначала оплата при получении, карта позже, когда есть первые постоянные покупатели. Механика от этого не меняется — меняется один узел, и он добавляется без переделки остального.
Это разные задачи, и чаще всего они живут вместе. Маркетплейс даёт чужой трафик и забирает часть заказа вместе с контактом покупателя. Свой магазин даёт базу покупателей и повторные продажи, а каталог в маркетплейс выгружается оттуда же, одним файлом.
Это самая частая причина возвращать деньги в маленьком магазине: вещь ушла с полки, а на сайте она ещё есть. Ответов два, и выбор ваш. Или остаток ведёт сайт, и офлайн-продажу вы отмечаете в админке. Или остаток ведёт ваша товарная программа, а сайт берёт число оттуда — это большая работа, и она имеет смысл, когда офлайн продаёт больше сайта.
«Гордей — редкий разработчик, который спрашивает о бизнесе раньше, чем о технологиях. Мы делали большой магазин, и он сразу заложил запас на рост, чтобы через год не переписывать всё заново. Страницы стали открываться почти мгновенно: 800 миллисекунд превратились в 120, а покупок стало на 18% больше.»
«В часы пик магазин еле дышал — именно тогда, когда люди готовы покупать. Гордей перестроил то, что внутри, чтобы тяжёлые страницы готовились заранее. Загрузка упала с 4,5 секунды до 0,8. Продажи за первый месяц выросли на 22%. Оказалось, мы теряли покупателей просто на ожидании.»
«Мы продавали в переписке: клиент просит фото, мы шлём, потом считаем вместе. Гордей сделал магазин прямо в Telegram — Mini App, который не надо устанавливать: букеты видно, корзина собирается, оплата в одно касание. Заказов больше, переписки меньше.»
Одного сообщения достаточно: что продаёте, сколько позиций и где сейчас принимаете заказы. Дальше несколько вопросов с моей стороны — и я говорю, что из этого беру, а что нет.