CastleBrix

Интернет-магазин конструкторов замков с QR-кодами, которые не нужно перепечатывать

CastleBrix – чешский бренд конструкторов по мотивам настоящих замков, дворцов и других памятников. Мы подготовили для него графический мануал с UI-китом, а затем по нему спроектировали и собрали магазин на WooCommerce на трёх языках и в двух валютах. На каждой коробке два QR-кода: один ведёт на инструкцию по сборке, второй на страницу памятника. Адреса не меняются, а содержимое за ними менять можно.

Задача

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

Наше решение

Графический мануал описывает цвета, шрифт Proxima Nova, волну, линии и косую черту, которой разделяют языковые версии названия.У правил для QR-кодов на упаковке своя отдельная страница.
В UI-ките в Figma каждый цвет привязан к переменной, а каждый текст к текстовому стилю.У компонентов есть вариант для тёмного фона и видимое состояние фокуса при управлении с клавиатуры.
Магазин работает на WordPress и WooCommerce с собственной темой, без конструктора страниц.
У каждой модели два коротких адреса, которые печатаются на коробке.castlebrix.eu/101 – страница памятника с историей замка, фотографиями и сравнением модели с оригиналом. castlebrix.eu/101n – инструкция по сборке.
Адрес инструкции не ведёт прямо на PDF.Он открывает страницу с актуальной версией, а старые версии остаются доступными, так что владелец набора из более ранней партии найдёт свою.
Сайт на чешском, немецком и английском, цены переключаются между кронами и евро.
У моделей, которые ещё не продаются, в каталоге свой статус и кнопка «Следить за моделью».Покупатель оставляет e-mail, и магазин пишет ему, когда модель появится на складе.
Для памятников, музеев и магазинов на сайте есть форма оптового запроса.
У недостающей детали своя страница поддержки.Ссылка на неё есть и в каждой инструкции.
К макету приложена страница «Что вы будете менять сами».В ней сказано, что клиент после запуска правит в админке, что требует изменения темы и что нужно решить ещё до вёрстки. Адреса для QR-кодов относятся к третьей группе: они идут на коробки, и потом их уже не поменять.