Магазин запчастей

Что внутри

Что решали

Магазин запчастей продаёт не деталь, а попадание. Покупатель не знает артикула, знает машину — и весь разговор сводится к «подойдёт или нет».

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

Как устроено

К машине ведут три дороги, и покупатель выбирает свою: по марке и модели, по VIN, по госномеру. Марка открывает список своих моделей, модель сужает каталог до того, что на неё встанет.

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

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

На карточке видно то, ради чего звонили: артикул производителя, бренд, гарантию, цену и наличие. Наличие названо словом и знаком, тремя состояниями — лежит на полке, придёт со склада завтра, везём под заказ.

Там же «подходит к» — машины с годами из каталога применяемости. Оригинал и заменитель лежат рядом, и отдельный экран разбирает, чем они отличаются, а не который лучше.

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

Экранов одиннадцать, и у каждого свой адрес — кроме трёх шагов заказа, они идут одним. Ссылку на деталь можно прислать, и она откроется на детали. Корзина и гараж переживают перезагрузку.

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

Что получил бы заказчик

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

Оформление спрашивает телефон, а имя по желанию: без телефона магазин не скажет, что заказ готов. Здесь эти поля нарисованы, но введённое никуда не уходит, и строка рядом говорит об этом прямо. Так же устроена форма на контактах.

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

Это наша работа, и данные в ней тестовые

Каталог, артикулы, остатки и цены придуманы: магазина у студии нет, и заказчика за этой работой не было. Марки и модели взяты настоящие — без них подбор нечем показать.

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

Заказ никуда не уезжает. В настоящем магазине отсюда уходит уведомление владельцу; здесь путь кончается собранным заказом на экране. Плашка «концепт, данные тестовые» стоит на витрине сверху и в цоколе.