Задача
К нам обратились с запросом на сайт для японского бренда сантехники Tokito. Нужна была понятная навигация по многоуровневому каталогу и фильтр по коллекциям и типу продукта. Целевая аудитория — дистрибьюторы, которые продают сантехнику в розничных магазинах.
При этом клиенту было важно погрузить пользователя в непростую историю производителя и показать его ценности. Здесь и лежит противоречие, ради которого затевалась работа: каталог требует скорости, а история бренда с 1949 года — времени и внимания. Сайт должен был удержать обе задачи, не превратившись ни в сухую выгрузку номенклатуры, ни в презентацию, в которой не найти смеситель.
Решение
Мы взяли на себя весь цикл: анализ конкурентов и целевой аудитории, дизайн-концепцию и вёрстку на Tilda.
Визуальный язык — чёрно-белый и технологичный, с одним акцентным красным: #1D1D1D, #F7F7F7 и #E22328. Шрифт — Forma DJR, с зафиксированной шкалой: 60 px на H1, 50 на H2, 38 на H3 и 20 в тексте. Красный работает не как украшение, а как метка: он подсвечивает точку над «i» в логотипе, кнопки и блок гарантии.
Противоречие между историей и скоростью решили разведением. Каталог живёт в светлой части сайта и устроен по-каталожному. История и производство вынесены в тёмные и красные экраны — они читаются как отдельная глава, а не мешают навигации.
Что сделали
Каталог. Пять разделов: смесители, душевые системы, системы инсталляций, сантехника, аксессуары. Фильтр по коллекциям и типу продукта — навигация под задачу дистрибьютора.
Коллекции. Витрина с собственными именами: AISAI, NAGOYA, YOKOHAMA. У каждой — свой блок с карточками и переходом в каталог.
Гарантийные сроки. Отдельный экран, где условия разложены по типам изделий: 15 лет на рамы систем инсталляции и смывные бачки, 10 лет на сифоны и сливы-переливы, 5 лет на смесители из латуни и керамические картриджи, 5 лет на клавиши и системы смыва, 2 года на составные части и комплектующие. Условия вынесены на уровень отдельного экрана, а не спрятаны в сноску.
Производство. Блок Production: продукция тестируется на каждом этапе — от выбора материалов до финальной сборки, все компоненты производятся в Японии.
Технологии и качество. Бренд опирается на своё японское наследие, внедряя при этом современные мировые технологии. Отдельный кадр про инженеров: они работают над каждым изгибом, чтобы покупатель не думал, как устроен продукт, а просто им пользовался.
История. Хронология с 1949 года и цифра сегодняшнего дня — более 50 продуктов в линейке.
Соцсети и носители. Макеты постов с коллекцией YOKOHAMA, футболка и упаковка с логотипом.
Мобильная версия. Каталог, фильтр и карточки на телефоне — с той же навигацией, что и на десктопе.
Результат
Сайт-каталог, где дистрибьютор за пару кликов доходит до нужного артикула и его гарантийного срока, а история производителя не мешает этому, потому что живёт на своих экранах.
Сайт собран и запущен на Tilda и работает на tokitojapan.tilda.ws. Над проектом работали арт-директор Руслан Кочубаров и дизайнер Александра Поддубная.
Разбор опубликован на Behance и Dprofile — ссылки внизу.
