Труффальдино Декор

Главное о кейсе

Труффальдино Декор обновил айдентику, и сайту предстояло заговорить на её языке. Для архитекторов и дизайнеров, которые выбирают ткани, обои и краски мировых фабрик, он должен был стать главной витриной компании.

Клиент хотел соединить сдержанность минималистичных luxury-сайтов с выразительностью. Мы сделали основу спокойной, а театрального Труффальдино ввели дозированно: он выделяет блоки контента, падает на заголовки и изгибает строку, шутит на 404-странице и в cookie-баннере. Анимации мало, весь интерактив собран на странице о компании, где оживают портреты команды. Портфолио показывает материалы в реальных интерьерах с именами архитекторов.

Truffaldino Decor had a new identity, and its website had to speak the same language. For the architects and designers who select fabrics, wallcoverings and paints from the world’s leading factories, it had to become the company’s main showcase.

The client wanted to combine the restraint of minimalist luxury sites with expressiveness. We kept the base calm and brought in the theatrical Truffaldino in measured doses: he highlights content blocks, drops onto headlines and bends the line, and jokes on the 404 page and in the cookie banner. Animation is minimal, and all the interaction lives on the About page, where team portraits come alive. The portfolio shows materials in real interiors, crediting the architects by name.

Как проект изменил жизнь пользователей

Архитекторы и дизайнеры интерьеров приходят на сайт за брендами и материалами для своих проектов. Библиотека брендов собирает коллекции партнёров в одном месте, а портфолио показывает материалы в реальных интерьерах, с именами архитекторов. В разделе с командой у каждого сотрудника есть портрет, который оживает при наведении.

Architects and interior designers come to the site looking for brands and materials for their projects. The brand library gathers partner collections in one place, while the portfolio shows materials in real interiors, with the architects credited by name. In the team section, every person has a portrait that comes alive on hover.

Бизнес-задача и ее решение

Задача: сайт должен соответствовать новой айдентике, достойно представлять компанию и бренды-партнёры и сохранять два полюса, которые хотел клиент, лаконичный люкс и выразительность.

Решение: сдержанная основа и театральный образ Труффальдино как элемент интерфейса. Он расставляет акценты и не перегружает страницы. Простая структура (главная, о компании, бренды, портфолио) оставляет место для визуала.

Task: the website had to match the new identity, represent the company and its partner brands with dignity, and keep both poles the client wanted, restrained luxury and expressiveness.

Solution: a restrained base and the theatrical Truffaldino as an interface element. He places accents and keeps the pages from feeling overloaded. A simple structure (home, About, brands, portfolio) leaves room for the visuals.

Крафт (мастерство), реализация, технические детали

Крафт здесь в точной дозировке. У каждого театрального приёма своя роль и своё место, поэтому премиальная сдержанность осталась нетронутой.

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

Движение. Анимацию свели к минимуму. На первом экране видео плавно переходит в контент, а весь интерактив собран на странице о компании. Там оживают на видео портреты сотрудников, а материалы бренда движутся многослойной композицией при скролле.

Детали. Даже служебные элементы несут характер: иконки преимуществ на главной стали метафорами из мира искусства и театра, на 404-странице улетает контент, а в cookie-баннере Труффальдино уже съел половину печенья. Занавес отсылает к истории названия.

The craft here lies in precise dosage. Every theatrical device has its own role and place, so the restraint of a premium brand stays intact.

Character. Truffaldino works as an interface element. He highlights blocks and becomes part of headlines, dropping onto a line and bending it.

Motion. Animation is kept to a minimum. On the first screen, a video flows smoothly into the content, and all the interaction lives on the About page. Team portraits come alive on video there, and brand materials move in a layered composition as you scroll.

Details. Even service elements carry the character: the icons for the company’s advantages on the homepage have become metaphors from the world of art and theatre, content blows away on the 404 page, and in the cookie banner Truffaldino has already eaten half of the cookies. A curtain references the origin of the name.

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

Клиент ориентировался на два разных полюса: минималистичные luxury-сайты почти без графики и выразительные сайты с обилием деталей. Над главной работали в несколько итераций. После первых концепций мы предложили два новых направления, клиент выбрал одно, и мы довели его до финальной версии. После утверждения спроектировали и собрали остальной сайт.

The client was looking at two different poles: minimalist luxury sites with almost no graphics, and expressive sites rich in detail. The homepage went through several iterations. After the first concepts, we proposed two new directions, the client chose one, and we brought it to the final version. Once it was approved, we designed and built the rest of the site.

Скриншоты