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: разберём задачу, покажем, как сделали бы это для вас, и назовём сроки и стоимость.