Tramelle — перший екран сайту
← Усі роботи37 / 47 // кейс

Tramelle

Шоурум оптового бренду починається просто на екранісайт компанії · 2026

02 // про проєкт

сайт компанії

Від нитки в назві до запиту на поставку.

Формат
двомовний B2B-сайт оптового постачальника
Рік
2026
Роль
неймінг, логотип, дизайн і розробка сайту
Статус
клієнтський проєкт під NDA
Стек
CSS 3D, українська й англійська версії, hreflang

Tramelle працює з незалежними магазинами та приймає відвідувачів у шоурумі за записом. Назва походить від французького trame — утоку, нитки, що йде поперек верстата й тримає тканину. Цю ідею ми перенесли у знак: ніжка літери T стала голкою з вушком, довкола якої проходить нитка. Темний стриманий сайт підтримує образ, але не зупиняється на айдентиці. Перший екран показує 3D-зал шоуруму, далі відвідувач переходить до категорій, історій, процесу та контактів і може відкрити діалог для запиту.

Tramelle отримала назву, знак і цілісний B2B-сайт, у якому образ текстильної нитки проходить від айдентики до руху інтерфейсу. Відвідувач бачить формат шоуруму, переглядає категорії та доходить до запиту в межах одного сценарію.

03 // що зробили

неймінг, логотип, дизайн і розробка сайту
  • 01

    3D-зал замість статичного банера

    Перший екран переносить відвідувача в простір шоуруму, а кадри змінюються плавним напливом.

  • 02

    Знак продовжує історію назви

    У прелоадері голка й нитка промальовують знак, який потім переходить у шапку.

  • 03

    Асортимент веде до запиту

    Категорії, картки-історії, процес і контакти складаються в послідовний маршрут.

  • 04

    Дві мовні версії

    Українська й англійська мають hreflang, а коренева сторінка враховує мову браузера.

04 // екрани

tramelle.apricode.agency
Десктоп · відео
Телефон · 390 px

05 // як це працює

4 кроки
  1. 01

    Образ

    Назва й знак пояснюють зв’язок із тканиною без окремої довгої легенди.

  2. 02

    Вхід

    3D-зал одразу показує формат шоуруму й задає стриманий характер бренду.

  3. 03

    Вибір

    Слайдер категорій і картки допомагають перейти від враження до асортименту.

  4. 04

    Запит

    Сторінки процесу й контактів завершуються діалогом для звернення.

Потрібен схожий проєкт?

30 хвилин у Zoom: розберемо задачу, покажемо, як ми зробили б це для вас, і назвемо строки й вартість.

Пройти брифВідкрити сайт