Ktoś szuka szafy na wymiar, wpisuje w Google, przewija wyniki, ale Twojej firmy tam nie ma. Konkurencja bierze wszystko. Tak też wyglądał każdy dzień Arte-Meubles.
Zadanie było proste: zbudować stronę, która robi robotę od pierwszego wrażenia. Żadnych fajerwerków, żadnego Wordpressa i szablonów.
Zdjęcia to Twój sprzedawca.
Największe wyzwanie przy stronach z portfolio jest zawsze to samo: zdjęć jest dużo i długo się ładują, a klient się niecierpliwi. Standardowo większość firm wrzuca losowo zdjęcia i tyle. Efekt? Strona się ładuje 10 sekund, a użytkownik wychodzi po trzech.
Dlatego postawiliśmy na lazy loading, zdjęcia wczytują się dokładnie wtedy, kiedy użytkownik do nich scrolluje. Strona startuje błyskawicznie, a kolejne realizacje pojawiają się płynnie w miarę przeglądania.
Podstrony kategorii z własną galerią
Szafy, kuchnie, meble RTV - każda kategoria ma swoją podstronę z tą samą logiką ładowania. Klient przegląda dokładnie to, czego szuka.
Popup z podglądem + ciągłe ładowanie
Kliknięcie w zdjęcie otwiera lightbox z pełnym podglądem. Jeśli następne zdjęcie w kolejce jeszcze się nie załadowało, to skrypt ładuje kolejne zdjęcie w momencie kliknięcia. Użytkownik nigdy nie widzi jakiegoś błędu.
Wyniki, które mówią same za siebie.
PageSpeed to nie konkurs dla deweloperów. To różnica między klientem, który zostaje, a klientem który wychodzi po trzech sekundach białego ekranu.
0/100
PageSpeed - komputer
0/100
PageSpeed - telefon
0 s
Szybkość startu strony
Design, który nie wygląda jak szablon z 2005 roku.
Branża meblarska ma problem: większość stron wygląda identycznie. Białe tło, brązowy akcent, cztery zdjęcia w rzędzie, numer telefonu na dole. Arte-Meubles dostało coś innego, paletę kolorów i typografię dobraną tak, żeby strona wyglądała jak firma, której warto zaufać. Nawet jeśli widzisz ją pierwszy raz na oczy.
Zobacz efekty w akcji