Сайт-портфолио для студии MIKIYA KOBAYASHI

Портфолио японской дизайн-студии на 107 проектов

MIKIYA KOBAYASHI INC. — токийская студия дизайна мебели, предметов и интерьеров. Сделали сайт-портфолио с каталогом из 107 работ, фильтрами по производителю, году и типу изделия и разделами NEWS, PROFILE, PRESS, CONTACT.

Главная страница сайта MIKIYA KOBAYASHI: сетка проектов студии дизайна мебели и предметов

01Challenge

MIKIYA KOBAYASHI INC. — студия дизайнера Микии Кобаяси в Токио. Направления работы: разработка мебели и предметов, дирекция продуктовых линеек, планирование и дизайн интерьеров, консалтинг для производителей.

За два десятилетия у студии накопился архив работ с 2003 по 2024 год: мебель для AKITA MOKKO, MASTERWAL, FUJI FURNITURE и NIHON BED, предметы для TAKATA Lemnos, HACOA, YAMAHA и LZF Lamps, интерьеры кафе и шоурумов, собственные линейки IMPLEMENTS и TAIYOU&C. Сотня разрозненных проектов должна была читаться как единое портфолио, а не как хронологический список.

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

02Solution

Ядро сайта — раздел PROJECTS. Он открывается сплошной сеткой превью, где под каждым изображением стоит производитель и название работы: SANGETSU / ATTRACTIVE MOMENT 2024, PROVIGATE / BLOOD GA ANALYSER, HACOA / FRAME CLOCK. Такая подпись сразу показывает, что студия работает и с мебельными фабриками, и с медицинским оборудованием, и с производителями аудиотехники.

Каталог разделён на четыре типа работ — FURNITURE, PRODUCT, SPACE и OTHERS — и внутри каждого работают три независимые оси фильтрации со счётчиками: производитель, год и тип изделия. Тип детализирован до уровня предмета: Chair, Sofa, Shelf, Clock, Shoehorn, Wind chime, Medical Device. Фильтры комбинируются и отражаются в адресе страницы, так что подборку можно отправить ссылкой.

Что ещё есть на сайте:

NEWS — хроника выставок, релизов и наград;
PROFILE — биография, направления деятельности и реквизиты компании;
PRESS — публикации о студии;
CONTACT — форма для запросов от производителей;
отдельные входы на сайты линеек IMPLEMENTS и TAIYOU&C.;
ссылки на Facebook и Instagram.

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

Фронтенд написан вручную, без конструкторов и тяжёлых библиотек: изображения грузятся по мере прокрутки в современных форматах, фильтрация каталога работает без перезагрузки страницы. Разметка проектов описана в структурированных данных, у каждой работы свои title, description и Open Graph. Добавление проекта в админке — одна форма с изображениями, годом, производителем и типом.