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ą.
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.
Rys. 02Po lewej: oferta, w której każda kategoria jest zdjęciem. Po prawej: strona główna na telefonie.
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.
Przed: stara strona główna, zarchiwizowana w szerokości 914 px.
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.
Przed: dwie kolumny, w kolejności dodawania.
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 usługi: kuchnie.
Strona miasta: Gdynia. Te same sekcje, inna opowieść.
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.