← Wszystkie projektyArchiwum · 2026

Meble MiBu

Pracownia Meble MiBu robi w Gdańsku meble na wymiar i robi je dobrze. Jej strona niewiele o tym mówiła, choć była wysoko w wynikach wyszukiwania: mocne portfolio było schowane, a mało kto z odwiedzających się odzywał. Zaprojektowałem nową stronę, która zaczyna od realizacji, a kolejny krok trzyma pod ręką.

Zobacz na żywo

Klient
Meble MiBu
Moja rola
Projektowanie UI, motion design
Rok
2026
Zakres
12 typów stron / Design system / Animacje
Strona główna Meble MiBu w oknie przeglądarki i strona realizacji na telefonie, na ciepłym szarym tle
Rys. 01Strona główna, a na telefonie realizacje.

Notatki

Dla takiej pracowni strona internetowa jest showroomem. Odpowiadałem za projekt: układy dwunastu typów stron, stojący za nimi system wizualny i animacje, które spinają całość. W tym samym czasie strona przechodziła z WordPressa na rozwiązanie robione na miarę, więc każda podstrona musiała działać jako szablon. Wszystkie dotychczasowe teksty zostały co do słowa, bo to one sprowadzają odwiedzających z wyszukiwarki, a teraz prowadzą przez nie realizacje.

Decyzja projektowa

Niech meble mówią same za siebie

Na starej stronie głównej portfolio, najlepszy argument pracowni, było schowane pod nagłówkiem i długim wstępem. Nowa otwiera się jednym zdjęciem na całe okno i dotrzymuje tej obietnicy do samego dołu. Długie teksty, które pracują na pozycję w wyszukiwarce, nadal tam są, niżej na stronie, podzielone na sekcje.

Stara strona główna z wyśrodkowanym nagłówkiem na zdjęciu kuchni i blokiem tekstu pod spodem
Przed: stara strona główna, zarchiwizowana w szerokości 914 px.
Nowa strona główna z jednym zdjęciem kuchni na całe okno i dużym nagłówkiem po lewej
Po: jedno zdjęcie na całe okno.
Decyzja projektowa

Galeria warta oglądania

Lista realizacji była zwykłym ciągiem wpisów w kolejności dodawania, a ponad połowa z nich miała numer zamiast nazwy. Dziś to galeria 50 realizacji, filtrowana według rodzaju mebli, z kartami w trzech wysokościach, które zamieniają stronę w ścianę zdjęć. Przy zmianie filtra siatka płynnie wygasa i pojawia się z powrotem.

Stara lista realizacji w dwóch kolumnach z długimi tytułami pod każdym zdjęciem
Przed: dwie kolumny, w kolejności dodawania.
Nowa strona realizacji z zakładkami kategorii i trzema kolumnami zdjęć
Po: filtry według rodzaju mebli i trzy kolumny zdjęć.
Komponenty

Dwa szablony zamiast 23 kopii

Każda usługa i każde miasto miały własną, ręcznie składaną stronę, więc każdą poprawkę trzeba było wprowadzać dwadzieścia trzy razy. Strony usług i miast to teraz dwa szablony zbudowane z jednego zestawu sekcji: zdjęcia, realizacje danego rodzaju, długi tekst, proces, opinie i pytania. Dodanie miasta jest dziś kwestią treści, a nie projektu.

Strona kuchni z nagłówkiem po lewej, zdjęciem po prawej i ciemnym pasem z czterema faktami
Strona usługi: kuchnie.
Strona Gdyni w tym samym układzie co strona kuchni, z innym tekstem
Strona miasta: Gdynia. Te same sekcje, inna opowieść.
Panel do treści z bocznym menu siedmiu sekcji i listą realizacji z ich statusem
Rys. 03Strona działa na robionym na miarę panelu do treści, utrzymanym w tej samej palecie, w którym klient dodaje realizacje, usługi, miasta i wpisy. Pokazane tu konto jest zmyślone.