Selvedge

Strona B2B producenta tkanin obiciowych

// Rok
2026
// Rola
UI Design & Front-end
// Narzędzia
Figma, Vite, GSAP, Lenis
Zobacz demo
Strona Selvedge w oknie przeglądarki i na telefonie, na tle zielonego weluru
Selvedge

Tkaniny obiciowe, które widać w detalu

Strona B2B producenta tkanin: od kolekcji sezonu po bezpłatne próbki wysłane w 48 h.

Hero strony — hasło „Jakość widać w każdym detalu” z próbką tkaniny w nagłówku i zbliżeniem faktury
Sekcja „Kim jesteśmy” z opisem marki i czterema liczbami

Nowe faktury sezonu przewijają się w poziomie, jak próbnik rozłożony na stole

Sekcja przypina się do ekranu i zamienia zwykły scroll w przejazd przez kolekcję. Każda karta od razu mówi, z jakiej linii jest tkanina i jakie ma certyfikaty.

Przejazd przez nowości — karty Moss, Dune, Plum i Ember
Dalsza część przejazdu — Ochre, Cloud, Graphite i Terra
Dwie linie kolekcji — ponadczasowa Core i sezonowa Atelier

Znajdź tkaninę w 30 sekund

Wyszukiwarka i trzy filtry — zastosowanie, właściwości, kolor — zawężają kolekcję na żywo, bez przeładowania strony.

Dobór tkanin — wyszukiwarka, filtry zastosowania, właściwości i koloru oraz siatka wyników

Pięć przestrzeni, pięć zestawów argumentów

Dom, HoReCa, biuro, outdoor i przestrzeń publiczna. Karty nakładają się na siebie przy scrollu, a każda niesie własne właściwości i normy.

Karta zastosowania HoReCa — wnętrze restauracji i właściwości tkanin
Karta zastosowania Outdoor — taras z meblami ogrodowymi
Sekcja „Piękne na zewnątrz. Mądre w środku.” — sześć kart właściwości i certyfikatów
Proces „Od trendu do Twojej fabryki” w pięciu krokach i showroom z belami tkanin

Na telefonie ta sama kolekcja, przeprojektowana pod kciuk

Przejazd przez nowości, filtry i karty zastosowań przechodzą na mały ekran bez utraty treści — nie ściśnięte, tylko ułożone od nowa.

Cztery ekrany mobilne — nowości sezonu, dobór tkanin, zastosowania i trendbook
Trendbook „Materia” z formularzem pobrania i listą katalogów PDF
Sekcja #selvedgefabrics — siatka zdjęć tkanin i wnętrz
Kontakt „Zapytaj o ofertę hurtową” i stopka z newsletterem, nawigacją i dużym logotypem SELVEDGE
// Kontekst

Tkaninę obiciową kupuje się dotykiem, a strona producenta ma go zastąpić na tyle, żeby klient zamówił próbkę. Selvedge sprzedaje producentom mebli, architektom i HoReCa, więc strona musi jednocześnie pokazać fakturę z bliska i odpowiedzieć na pytania techniczne: ścieralność, palność, certyfikaty, dostępność serii. Zaprojektowałem i zakodowałem całość — od hero z próbką tkaniny w nagłówku, przez przejazd przez kolekcję i wyszukiwarkę z filtrami, po karty zastosowań i trendbook do pobrania.

// Efekty
Sekcje
11
Faktury w kolekcji
10
Zakres
Projekt → kod
// Zobacz też

Masz podobny projekt? Napisz kilka słów — odezwę się w ciągu 24 godzin.

Napisz do mnie