TRIBUILD

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

TRIBUILD — это дизайн и рабочее демо, сделанные к запуску в 2027 году.

Два очень разных покупателя на одном сайте: мастера платят картой с НДС, а компании заказывают оптом, без НДС, по счёту. Три рынка, две валюты, стандарты безопасности ЕС — и использование с телефона прямо на объекте, часто на улице, под дождём и на ярком свету.

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

Вместо отдельного портала для бизнеса каждая страница переключается между частным покупателем и бизнес-аккаунтом одним тумблером наверху. Меняются цены, НДС и инструменты заказа — сам магазин остаётся прежним.

• Частный покупатель — цены с НДС, карта / Apple Pay / Google Pay, оформление без регистрации, таблица размеров в одно касание.
• Бизнес-аккаунт — цены без НДС с оптовыми уровнями, заказ по размерной матрице для бригад, оплата по счёту, вышивка логотипа на команду.

Держали всё вместе четыре принципа: сделано для объекта (кнопки от 44px, высокий контраст, читается на улице и в перчатках), найти за минуту, доверие сразу (стандарты безопасности, доставка и возврат видны до оформления) и локально по умолчанию (IE / UK / EU, EUR / GBP, корректный НДС).

Глубокий «ночной» тёмно-синий из фирменного знака, холодные стальные нейтрали и один сигнальный цвет — ярко-оранжевый hi-vis, отведённый только под главное действие, как знаки безопасности на стройке. Montserrat Bold для заголовков — буквы будто «инженерные», в паре с Inter для текста, интерфейса и цен. Крепкий набор компонентов — элементы 52px, кнопки размеров 48px, видимое кольцо фокуса везде — плюс тумблер режима покупки, выбор размера с остатком по каждому, карточки товара и бегущая строка преимуществ.

20+ экранов для десктопа и телефона: главная с зацикленным видео в шапке, бегущей строкой, плитками категорий, хотспотами «собери образ» и блоком для бизнеса; карточка товара с галереей, цветом и размером в одном экране и остатком по каждому размеру; категория с фильтрами; раздел для бизнеса со счетами и оптовыми уровнями; корзина и таблица размеров. Всё начинается с мобильного, потому что большинство заходов — с телефона на объекте: поиск под логотипом, меню в одно движение большого пальца, каждый элемент не меньше 44px.

Помимо дизайна я собрал живое кликабельное демо и тему Shopify OS 2.0 — так что переключатель, два режима цен и размерная матрица реально работают, а демо даже запоминает выбор покупателя между визитами.

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