Tramelle — website first screen
← All work37 / 47 // case

Tramelle

A wholesale brand’s showroom starts right on the screencompany website · 2026

02 // about the project

company website

From the thread in the name to a supply request.

Format
bilingual B2B website for a wholesale supplier
Year
2026
Role
naming, logo, website design and development
Status
client project under NDA
Stack
CSS 3D, Ukrainian and English versions, hreflang

Tramelle works with independent stores and welcomes visitors to its showroom by appointment. The name comes from the French trame, the weft thread that runs across the loom and holds the fabric together. We carried that idea into the mark: the stem of the letter T became a needle with an eye, with a thread running around it. The dark, restrained site supports the image and goes beyond the identity. The first screen shows a 3D showroom hall, then the visitor moves on to categories, stories, process and contacts and can open a dialog to send a request.

Tramelle got a name, a mark and a coherent B2B website where the image of a textile thread runs from the identity to the motion of the interface. Visitors see the showroom format, browse categories and reach the request within one flow.

03 // what we did

naming, logo, website design and development
  • 01

    A 3D hall instead of a static banner

    The first screen takes visitors into the showroom space, and the shots change with a smooth crossfade.

  • 02

    The mark continues the name’s story

    In the preloader, a needle and thread draw the mark, which then moves into the header.

  • 03

    The range leads to a request

    Categories, story cards, process and contacts form one consistent route.

  • 04

    Two languages

    Ukrainian and English have hreflang, and the root page takes the browser language into account.

04 // screens

tramelle.apricode.agency
Desktop · video
Phone · 390 px

05 // how it works

4 steps
  1. 01

    Identity

    The name and the mark explain the link to fabric without a long separate backstory.

  2. 02

    Entry

    The 3D hall shows the showroom format right away and sets the brand’s restrained character.

  3. 03

    Choice

    A category slider and cards help visitors move from a first impression to the range.

  4. 04

    Request

    The process and contacts pages end with a dialog for getting in touch.

Need a similar project?

30 minutes on Zoom: we’ll go through the task, show how we would do it for you, and name the timeline and cost.