Редизайн магазина, который продолжает продавать
У магазина есть свойство, которого нет ни у одного другого сайта: он принимает деньги каждый день, в том числе сегодня. Из-за этого обычный порядок переделки — нарисовали, собрали, выкатили — здесь стоит слишком дорого. Неудачная карточка товара или лишний шаг в оформлении заказа становятся видны не на согласовании макета, а в понедельник, по выручке, и к этому моменту откатывать уже нечего.
Поэтому переделка разбивается на узлы и выкатывается по одному. У каждой выкатки есть окно, согласованное с вашим сезоном, и заранее написанный порядок отката — что именно вернуть и кто это делает, если в первые сутки цифры пошли не туда. Это дороже одновременной переделки и делается так сознательно: разница в стоимости меньше, чем неделя провала в заказах.
- Каталог, карточка, корзина и оформление — четыре узла, четыре отдельные выкатки
- Порядок отката пишется до работ, а не придумывается в момент, когда он понадобился
- Товары, заказы и покупатели остаются в той же системе: данные не переносятся
Оформление заказа идёт последним не по остаточному принципу, а потому, что это самый дорогой узел: до него доходят люди, уже готовые заплатить, и любая ошибка здесь стоит не посещения, а покупки.
Почему переделка магазина стоит дороже переделки сайта
Вопрос звучит на каждом втором разборе: страниц столько же, дизайнер один, почему смета другая. Отвечаем до того, как его зададут, потому что ответ объясняет и устройство работы, и порядок узлов.
Три причины, и ни одна из них не про количество экранов.
Цена ошибки измеряется в заказах, а не в посещениях. На обычном сайте неудачный блок стоит части обращений, и это выясняется через неделю по счётчику. В магазине неудачный шаг в оформлении заказа стоит покупок прямо сегодня — причём тех самых людей, которые уже выбрали товар и достали карту. Работа, в которой такую ошибку нельзя быстро отменить, стоит дешевле только на бумаге.
У магазина не страницы, а состояния. Карточка товара — это не один экран: товара может не быть в наличии, он может быть в нескольких размерах, на него может действовать скидка, у него может не оказаться фотографии. Каталог бывает пустым после фильтра, корзина — с подорожавшим товаром. Каждое такое состояние живёт по своим правилам, и забытое всплывает не на макете, а у покупателя.
Переделка вида упирается в чужие системы. Оплата, доставка, обмен с учётной системой, выдача чеков — всё это подключено к текущим страницам и продолжает работать во время работ. Менять внешний вид, не задевая этих связей, — отдельное умение и отдельное время: здесь проверяется не то, как выглядит кнопка, а то, что после её нажатия деньги доходят и заказ появляется там, где его ждут.
Если магазина ещё нет и переделывать нечего, разговор другой: сборка с нуля описана на своей странице, и начинается она с honest-фильтра: мы беремся за магазин там, где есть интеграции или нестандартная логика. Если магазин работает на коробке 1С-Битрикс и вопрос в том, что можно трогать, а что нет, — это соседний формат
Четыре узла и два условия, общих для всех
Магазин переделывается не постранично, а по узлам: у каждого свой набор состояний, своя цена ошибки и свой способ проверить, что стало лучше. Порядок в очереди обычно именно такой — от самого безопасного к самому дорогому. Два последних пункта в списке — не узлы, а условия, которые проверяются на каждом из четырёх.
Самый безопасный узел и потому первый. Здесь решается, находит ли человек товар вообще: понятны ли названия разделов, что происходит при нулевом результате фильтра, видно ли цену в списке. Ошибка стоит посещений, но не покупок, — её видно быстро и откатывается она без последствий.
Рисуется не одна, а столько, сколько у товара бывает состояний: нет в наличии, несколько вариантов, скидка, ожидание поставки, нет фотографии. Забытое состояние всплывает у покупателя и выглядит как поломка магазина, даже если сама карточка сделана хорошо.
Место, где решение уже принято, а покупка ещё не совершена. Здесь важнее вида поведение: что происходит с товаром, который закончился, пока человек думал; как показана доставка; видно ли итоговую сумму без перехода на следующий шаг. Ошибка стоит покупок.
Последний узел в очереди и самый дорогой. Каждое лишнее поле, каждый непонятный шаг и каждая ошибка без объяснения стоят людей, уже готовых заплатить. Проверяется он не глазами, а пробными заказами на всех способах оплаты и доставки, которые у вас есть.
Не отдельный узел, а обязательное условие каждого. Магазины смотрят с телефона в дороге и в магазине конкурента; часть находок — липкая панель поверх кнопки, промах по соседнему товару, клавиатура на поле адреса — в уменьшенном окне браузера не воспроизводится вовсе.
Красивый каталог на двадцати товарах и тот же каталог на десяти тысячах — разные страницы. Проверять переделку на урезанной копии бессмысленно: тормоза появляются там, где много вариантов, фильтров и картинок, то есть ровно в рабочем режиме.
Чего здесь нет: переноса товаров, заказов и покупателей. Данные остаются в той же системе и не трогаются — это переделка вида и поведения, а не переезд. Если магазин при этом меняет платформу, работа другая, и вопрос там главный тоже другой — что происходит с адресами и с накопленным весом
Как проходит одна выкатка
Этот круг повторяется по разу на каждый узел. Календарь мы не печатаем: длительность задаёт ваш сезон и то, сколько заказов проходит через магазин за сутки. На высоком сезоне узлы выкатываются реже и в более узкие окна — и это решение ваше, а не наше.
-
Шаг 1
Перепись состояний узла
Выписываем всё, что узел умеет показывать: товар без фотографии, нулевой результат фильтра, подорожавший товар в корзине, недоступный способ доставки для адреса. Список почти всегда длиннее ожидаемого, и именно он определяет объём работы, а не число экранов.
От вас: доступ к тестовой копии или к админке на чтение
-
Шаг 2
Сборка на копии с настоящими данными
Собираем узел там, где он никому не мешает, и обязательно на реальном объёме товаров. Урезанная копия врёт дважды: скрывает тормоза и прячет состояния, которые встречаются у одного товара из сотни. Здесь же проходят пробные заказы всеми способами оплаты и доставки.
От вас: подтвердить, что тестовые заказы можно отменять на вашей стороне
-
Шаг 3
Окно выкатки и написанный откат
Окно выбираете вы: обычно это время наименьшей нагрузки и точно не день распродажи. До выкатки на бумаге появляется порядок отката — что вернуть, кто это делает и по какому признаку принимается решение. Признак называется заранее, чтобы в момент спора его не пришлось придумывать.
От вас: согласовать окно и предупредить тех, кто обрабатывает заказы
-
Шаг 4
Первые сутки под наблюдением
Смотрим не на красоту, а на то, доходят ли заказы, проходят ли оплаты, не появились ли ошибки на редких сочетаниях товара и доставки. Жалобы ваших же операторов в этот день ценнее любого счётчика: они узнают о поломке раньше всех и точнее всех.
От вас: передавать жалобы по мере поступления, а не в конце недели
-
Шаг 5
Сверка и решение о следующем узле
Сравниваем поведение узла с тем, что записали до выкатки. Возможных исходов три: закрепляем и идём дальше, возвращаем прежний вариант, останавливаем очередь и разбираемся. Третий встречается реже двух первых, но он прописан заранее — именно потому, что в этот момент решать сложнее всего.
От вас: полчаса на разговор по итогам узла
Очередь можно остановить после любого узлаКаждый узел — законченная работа: он собран, выкачен и проверен. Остановиться после каталога и не трогать оформление заказа — нормальное решение, и мы сами предлагаем его, когда сверка показывает, что дальше трогать нечего.
Условия остановки и откатаСпросить про порядок узлов
Боитесь трогать оформление заказа?И правильно: это последний узел в очереди, и до него доходят не всегда. Напишите адрес магазина — скажем, с какого узла начинать в вашем случае и что стоит проверить до любых работ.
Написать в Telegram Общий вход в переделкуУсловия, при которых мы сами возвращаем как было
Откат обсуждается до работ, а не в тот день, когда он понадобился. Причина простая: в день провала обсуждение всегда упирается в то, кто виноват, и решение принимается позже, чем надо. Поэтому признаки, при которых возвращается прежний вариант, записаны заранее и одинаково обязательны для обеих сторон.
| Когда | За чем следим | Возвращаем, если | Идём дальше, если |
|---|---|---|---|
| До выкатки | Пробные заказы всеми способами оплаты и доставки | Хотя бы один способ не доходит до конца или заказ не появляется в системе — выкатка не начинается вовсе | Все способы прошли на тестовой копии, включая самые редкие сочетания |
| Первые часы | Ошибки на страницах узла и в приёме оплаты | Появилась ошибка, которую нельзя починить в течение часа, — возвращаем и чиним на копии | Ошибок нет либо они мелкие и правятся на месте, не задевая заказы |
| Первые сутки | Доходимость до оформленного заказа на этом узле | Доходимость заметно просела по сравнению с тем, что записали до выкатки, и объяснения этому нет | Показатель держится или вырос; мелкие отклонения записываем и наблюдаем дальше |
| Первая неделя | Жалобы операторов и покупателей | Люди звонят с вопросами, которых раньше не было: «где кнопка», «не могу выбрать размер», «не проходит оплата» | Вопросов не прибавилось, а часть прежних ушла — это и есть самый честный признак |
| После узла | Есть ли смысл в следующем узле | Сверка показала, что узел и так работал нормально, а проблема живёт в другом месте — очередь останавливаем | Нашлось следующее узкое место и оно на нашей стороне — берём следующий узел |
Откат — это работа, а не кнопка, и она делается нами. Возврат прежнего узла входит в его стоимость и отдельно не выставляется: иначе у исполнителя появляется интерес объяснять провал сезоном. Единственное, чего откат не может, — вернуть заказы, потерянные за время неудачной выкатки. Поэтому окна узкие, наблюдение первых суток плотное, а оформление заказа стоит в очереди последним.
Семь проверок до того, как трогать магазин
Каждую можно пройти самому за вечер: открыть магазин с телефона, оформить пробный заказ, задать один вопрос тому, кто обрабатывает заявки. Вердикт считается от непройденного, потому что любой непройденный пункт означает работу, которая пойдёт до переделки и отдельной строкой. Отметки остаются в этом браузере.
Вердикт появится после первой отметки. Считается он от числа несовпадений: семь проверок не описывают магазин целиком, зато каждое несовпадение — это работа, которая пойдёт до переделки и отдельной строкой в смете.
Сходится 0 из 7
Почему проверка ручная: снаружи чужой магазин виден только с витрины. Ни числа заказов, ни судьбы заявки после оформления, ни заполненности свойств товара оттуда не видно, а именно от них зависит порядок работ. Зато список остаётся полезным, даже если переделку вы отложите: первые четыре пункта стоит проверить в любом случае.
Сколько стоит: ступень от 280 000 ₽
Магазин считается по верхней ступени лестницы направления — той же, по которой собирают каталог или сервис с личным кабинетом. Переделка попадает на неё не из-за числа экранов, а из-за состояний, пробных заказов и окон выкатки: именно они занимают время. Короткая работа по одному узлу стоит меньше, и считается она по составу узла. Лестница целиком — на странице направления
- Перепись состояний по каждому узлу и запись текущего поведения до работ
- Дизайн и сборка узлов, включая состояния «нет в наличии», «пустой фильтр», «товар подорожал»
- Проверка пробными заказами всеми способами оплаты и доставки, какие у вас есть
- Выкатка в согласованное окно и наблюдение первых суток
- Возврат прежнего узла, если сработал записанный признак отката
- Сверка после каждого узла и решение, продолжать очередь или остановиться
- Заполнение свойств товаров и наведение порядка в каталоге — это работа ваших людей и их времени
- Предметная съёмка товаров. Заказывается отдельно и оплачивается напрямую
- Новые интеграции: подключение другого эквайринга, службы доставки, обмена с учётной системой
- Переезд на другую платформу и перенос базы товаров — отдельная работа
- Обещание роста продаж в процентах. Переделка меняет поведение магазина, а не спрос на товар
Что двигает смету сильнее всего: число состояний у карточки, количество способов оплаты и доставки, наличие рабочей копии и то, насколько вёрстка текущего магазина поддаётся правке. После разбора мы приносим смету по фактическому набору узлов — и если окажется, что нужен один узел из четырёх, так и посчитаем. Мелкие правки после сдачи считаются часами: 3 000 ₽ вне договора, 2 000 ₽ в абонементе
Как проходят деньги покупателей
Вопрос, который задают в переписке каждый второй раз и почти никогда — вслух на разборе. Отвечаем заранее, потому что при переделке узла оформления заказа он становится главным: человек отдаёт карту на той самой странице, которую мы трогаем.
-
Шаг 1
Покупатель платит на странице вашего магазина
видит ваше название
Оформление страницы оплаты меняем мы, а вот саму форму ввода карты показывает банк или платёжный сервис — данные карты не проходят ни через магазин, ни тем более через нас. Это условие приёма платежей, а не наше решение, и нарушить его нельзя даже при большом желании.
-
Шаг 2
Деньги идут через платёжный сервис
договор у вас, не у нас
Эквайринг оформлен на ваше юридическое лицо, комиссия и условия — ваши с банком. Мы в этой цепочке не участвуем ни в каком виде: ни как получатель, ни как посредник, ни как хранитель ключей. Если у вас уже подключён сервис, при переделке он остаётся тем же.
-
Шаг 3
Заказ и чек появляются в вашей системе
проверяется пробным заказом
После оплаты заказ обязан дойти до того, кто его собирает, а покупатель — получить чек. Это и есть то, что мы проверяем перед каждой выкаткой узла оформления: всеми способами оплаты, включая редкие. Ошибка здесь стоит не посещения, а покупки и репутации.
Ключи доступа к платёжному сервису нам не нужны и мы их не просим. Для переделки внешнего вида хватает того, что у магазина уже настроено; проверка проходит пробными заказами на небольшие суммы, которые вы потом отменяете на своей стороне. Если по ходу выяснится, что подключение платежей само по себе сделано неправильно, мы скажем об этом словами — но чинить его будете вы со своим банком, а не мы.
Что останется у вас
Помимо переделанных узлов остаётся то, чего у магазина обычно нет вовсе, — перепись состояний. Это список всего, что ваши страницы умеют показывать в нештатных случаях, и он переживает любую следующую переделку: состояния у магазина меняются гораздо реже, чем оформление.
Порядок отката тоже остаётся и годится дальше. Он написан под ваш магазин, ваши способы оплаты и вашего человека, принимающего решение. Следующую выкатку — нашу или чужую — можно провести по тому же документу, и это единственный способ сделать так, чтобы «вернуть как было» не превращалось в обсуждение.
- Перепись состояний по каждому узлу — список, который дороже макетов
- Записанное поведение магазина до каждой выкатки: с этим и сравнивали
- Порядок отката с признаками и ответственным — применим к любой следующей выкатке
- Список пробных заказов: какие сочетания оплаты и доставки проверены
- Рабочая копия магазина, на которой можно проверять что угодно дальше
- Исходники дизайна и код — на ваших аккаунтах, как и до работ
- Домен, хостинг, эквайринг и учётная система остаются оформленными на вас
- Инструкция контент-менеджеру: как завести товар, чтобы карточка не сломалась
Магазин — один из форматов направления
Общее для всех работ с сайтами — состав разработки, гарантии, условия договора и то, что код с доступами остаются у клиента, — написано выше по дереву. Здесь только то, что отличает переделку работающего магазина.
Там же описано, на чём мы собираем и почему платформу выбирают под задачу, а не под привычку студии: при переделке она чаще всего остаётся той же, что и была. Разработка сайтов
Когда переделывать магазин не надо
Четыре случая, в которых мы отговариваем. Первые два встречаются чаще всего и оба заканчиваются тем, что деньги остаются у вас.
-
Если заказы теряются после оформления
Магазин может выглядеть как угодно, если заказ не доходит до того, кто его собирает, или доходит с опозданием на сутки. Это чинится не дизайном, а связкой магазина с учётной системой и с тем, кто отвечает покупателю. Проверяется пробным заказом за вечер, стоит несравнимо меньше переделки — и пока этого не сделано, любые работы с видом только прячут причину.
-
Если в каталоге беспорядок, а не плохое оформление
Незаполненные характеристики, товары не в тех разделах, одинаковые названия у разных позиций, отсутствующие фотографии. Новый дизайн делает этот беспорядок заметнее, а не мягче: аккуратная сетка подчёркивает пустые места. Сначала порядок в данных силами ваших людей, потом переделка вида — иначе вы заплатите за витрину для того, чего не видно.
-
Если магазин типовой и его проще пересобрать
Магазин без интеграций, с десятком товаров и стандартным набором оплаты дешевле собрать заново, чем аккуратно переделывать по узлам: вся осторожность формата нужна там, где есть что потерять. Мы скажем это на разборе и отправим на страницу магазина с нуля, где честно написано и про случаи, когда выгоднее взять типовое решение не у нас.
-
Если проблема в цене товара, а не в магазине
Когда покупатель уходит сравнивать и не возвращается, дело обычно не в кнопке. Переделка помогает тому, кто уже выбрал вас и споткнулся; она не делает предложение выгоднее. Такой вопрос разбирают в другом месте — в аудите конкурентов или в продуктовом маркетинге, и начинать надо оттуда.
В каждом случае называем, что делать вместоОтказ без продолжения — потерянное время. Отдельная страница собирает такие случаи по всем услугам студии, включая те, где мы отправляем к другим подрядчикам.
Когда мы вам не нужныЧто идёт рядом и чем отличается
Вокруг магазина собралось несколько похожих по названию работ. Отличаются они тем, что именно происходит с товаром, заказом и деньгами, — и по этому признаку выбирать проще всего.
Если магазин теряет не покупателей, а заказы уже после оформления, это не про вид страниц: смотреть надо связку с учётной системой и путь заказа до сборки — это автоматизация или учёт до сделки. Нижние границы всех направлений собраны на странице цен
Редизайн интернет-магазина: что стоит знать до заказа
Почему магазин переделывают по узлам, а не целиком
Обычный сайт можно выключить на ночь и утром показать новый — потеря измеряется несколькими необращениями. Магазин так выключить нельзя: у него каждый день есть выручка, и день простоя или неудачной версии стоит конкретных денег, которые видно в отчёте. Отсюда и весь порядок работы: переделка разбивается на части, каждая часть выкатывается отдельно, и после каждой есть возможность вернуться.
Части эти не случайные. Каталог, карточка товара, корзина и оформление заказа отличаются не размером, а ценой ошибки. В каталоге ошибка стоит посещений: человек не нашёл товар и ушёл. В оформлении заказа ошибка стоит покупки — уходит тот, кто уже выбрал и достал карту. Поэтому очередь идёт от дешёвого к дорогому, а оформление трогается последним, когда на остальных узлах уже видно, что подход работает.
Второй слой этой же логики — окна выкатки. Время выбирается по вашему графику продаж: не в пик, не накануне распродажи, не в день, когда у вас массовая рассылка. И до выкатки на бумаге появляется порядок отката: какой признак означает возврат, что именно возвращается и кто принимает решение. В день, когда откат понадобится, обсуждать это будет поздно.
Что в магазине важнее внешнего вида
Первое — состояния. Карточка товара существует не в одном виде: товара может не быть в наличии, у него может быть несколько вариантов, скидка, ожидание поставки, отсутствующая фотография. Каталог бывает пустым после фильтра. Корзина показывает товар, который подорожал или закончился, пока человек думал. Забытое состояние не видно на макете, но оно обязательно всплывёт у покупателя — и будет выглядеть как поломка нового магазина, даже если сам дизайн сделан хорошо.
Второе — данные. Красивый фильтр поверх наполовину заполненных характеристик выдаёт пустые результаты. Аккуратная сетка каталога подчёркивает, что у половины товаров фотографии сняты по-разному. Переделка не наводит порядок в данных и не должна: это работа ваших людей, она занимает время и её лучше начать раньше, чем дизайн. Мы говорим об этом на разборе, потому что сюрприз здесь обходится дороже, чем предупреждение.
Третье — то, что происходит после нажатия кнопки. Заказ должен дойти до человека, который его собирает, и появиться в учётной системе. Если этого не происходит уже сейчас, переделка вида ничего не изменит, а причину спрячет под новым оформлением. Проверяется это пробным заказом за вечер и стоит несравнимо меньше любых работ с дизайном.
Как понять, что переделка сработала
Единственный честный способ — сравнить поведение узла с тем, что было записано до выкатки. Поэтому запись делается заранее и тем же способом, каким будут считать потом: сколько людей доходит от списка до карточки, от карточки до корзины, от корзины до оформленного заказа. Общая выручка для такой оценки не годится — на неё действуют сезон, ассортимент, цены и реклама, и выделить из неё вклад переделки нельзя.
Второй источник, который мы считаем не менее важным, — ваши операторы. Люди, принимающие заказы, узнают о поломке раньше любого счётчика: им начинают задавать вопросы, которых прежде не задавали. «Как добавить второй товар», «пропал выбор цвета», «куда делась доставка» — это тоже данные, и они приходят в первые часы, а не в конце недели. Поэтому наблюдение после выкатки устроено как разговор с вашими людьми, а не только как просмотр отчётов.
Процента роста продаж мы не обещаем, и это не осторожность. Магазин продаёт товар, а не оформление: переделка убирает препятствия у тех, кто уже пришёл и уже выбрал, но не делает цену привлекательнее и не приводит новых людей. Если задача звучит как «нужно больше покупателей», её решают реклама и поиск, а переделка магазина будет работать уже с ними. Ступени сметы направления описаны на странице разработки сайтов
Вопросы про переделку магазина
Шесть вопросов, которые задают именно про этот формат. Про договор, оплату и гарантии — отдельная страница; про переделку сайтов вообще — общий вход
Остался вопрос?
Написать в Telegram, отвечаем за 30 минутНет. Вся сборка идёт на копии, а на живой магазин попадает уже проверенный узел — в окно, которое выбираете вы. Сама выкатка занимает минуты и не требует остановки приёма заказов. Единственное, о чём мы просим, — чтобы в это окно на связи был человек с вашей стороны: если что-то пойдёт не так, решение об откате принимает он, и принимать его надо в течение часа, а не на следующий день.
Ничего: они остаются там же, где лежат сейчас. Переделка меняет то, как магазин выглядит и ведёт себя, а не то, где хранятся данные. История заказов, карточки покупателей, накопленные бонусы и связь с учётной системой не трогаются. Данные переносятся только при смене платформы — но это уже не переделка, а переезд, и там главный вопрос другой: что происходит с адресами и с накопленным поисковым весом.
Да, и это частый заказ. Узлы устроены так, чтобы каждый был законченной работой: карточку можно собрать, выкатить и проверить, не трогая ни каталог, ни корзину. Смета при этом считается по составу узла, а не по доле от полной переделки. На разборе мы обычно советуем проверить и соседний узел — если человек хорошо изучил карточку, а потом упёрся в корзину, выигрыш от новой карточки пропадает по дороге.
Скорее всего, мы предложим не успевать. Выкатка накануне сезона — самая дорогая из возможных: наблюдать в такие дни нельзя, потому что любые цифры объясняются самим сезоном, а откат в пик стоит дороже, чем отсутствие переделки. Разумный порядок — закрыть до сезона один безопасный узел, обычно каталог, а остальное перенести на спад. Конкретные даты называем после того, как посмотрели магазин: срок здесь задаёт ваш график продаж, а не наш.
Для этого и написан порядок отката. В нём заранее названы признак, по которому принимается решение, и то, что именно возвращается: не «если станет хуже», а конкретное поведение узла по сравнению с записанным до выкатки. Возврат делаем мы и внутри стоимости узла — платить за возврат отдельно означало бы дать нам повод тянуть с решением. Но вернуть выручку тех часов, что магазин отработал в неудачной версии, не может никакая настройка — поэтому окна и выбираются в самое тихое время суток.
Обычно да. Нужны доступ к админке, к файлам магазина и возможность поднять копию. Исходники дизайна помогают, но не обязательны. Настоящее препятствие другое: магазин, в котором правка в одном месте ломает оформление заказа. Это выясняется на первом же узле, и тогда мы говорим об этом прямо — вместе с оценкой того, что дешевле: аккуратно чинить дальше или собирать магазин заново. Решение остаётся за вами, и данные в любом случае остаются вашими.
Пришлите магазин — назовём порядок узлов и окна выкатки
- Полчаса разговора: проходим путь покупателя вместе, до оформления заказа включительно
- Скажем честно, если дело в потерянных заказах или в каталоге, а не в оформлении
- Если возьмёмся — начнём с безопасного узла, смета пойдёт от ступени от 280 000 ₽
Заявка принята
Посмотрим магазин своими глазами и вернёмся в течение рабочего дня. Если срочно — напишите в Telegram.
Или напишите сразу:
Telegram · отвечаем лично за 30 минут