Motoryzacyjna witryna z rozbudowaną galerią

Ściemniacze


Notice: Undefined offset: 1 in /home/klient.dhosting.pl/flowtar/flowtar.com/web/cache/page-project-main-pl.flow on line 23
/portfolio/sciemniacze/motoryzacyjna-witryna-z-rozbudowana-galeria.jpg

Ponad 400 samochodów w galerii online. Dynamiczna wyszukiwarka z możliwością przeglądania samochodów po marce. Rozbudowana oferta i dział aktualności. Strona internetowa Ściemniacze.

Obsługiwaliśmy wiele firm z branży motoryzacyjnej i jesteśmy dużymi fanami samochodów z charakterem. Z Marcinem Woźniakiem, właścicielem firmy znamy się już wiele lat. Dlatego bardzo ucieszyliśmy się, gdy Marcin zgłosił się do nas z pomysłem stworzenia strony internetowej.

Zebranie materiałów na stronę internetową

Na pierwszym spotkaniu okazało się, że Marcin ma asa w rękawie, względem konkurencji. Tak, od kilku lat regularnie fotografuję ciekawe modele samochodów, które przyciemniamy. - powiedział z dużym uśmiechem. Mam około 300 udokumentowanych prac.

Maserati Quatroporte z przyciemnionymi szybami, zdjęcie z przodu Maserati Quatroporte z przyciemnionymi szybami, zdjęcie z tyłu
Przyciemnione przez firmę Ściemniacze Maserati Quatroporte

Największa galeria przyciemnionych samochodów w Polsce

Wystarczyło usłyszeć te dwa zdania aby wiedzieć w jakim kierunku powinna się rozwijać strona. Wspólnie zdecydowaliśmy, że spróbujemy na stronie internetowej Ściemniacze stworzyć największą w Polsce galerię przyciemnionych samochodów.

Dzięki temu Klienci odwiedzający stronę będą mogli odnaleźć swój model samochodu i sprawdzić jak będzie wyglądać po przyciemnieniu. Będzie to dla nich dużą inspiracją i upewni ich, że firma Ściemniacze przyciemniała już taki samochód w przeszłości oraz ma do tego kompetencje.

Struktura i nawigacja strony internetowej

Po tzw. burzy mózgów, wspólnie zebraliśmy wszystkie materiały i ustaliliśmy strukturę strony internetowej. Dla firmy zajmującej się usługami, na stronie internetowej niezbędny jest dział oferta. Nawet bardzo wąska specjalizacja może być w takim działe bardzo szczegółowo opisana. Tworząc zawartość strony internetowej chcieliśmy podkreślić charakterystyczne cechy, które wyróżniają firmę Ściemniacze na tle konkurencji.

Motoryzacyjna strona główna
Strona główna podkreśla motoryzacyjny charakter firmy, poprzez zastosowaną kolorystykę, techniczne fonty i zdjęcia samochodów

Aktualności

Aktualności można znaleźć nie tylko na stronie głównej. Otrzymały one również własną, dedykowaną podstronę. Zawiera ona spis wszystkich wiadomości dodanych od początku istnienia strony. Dzięki temu Klient może być na bieżąco z aktualnymi promocjami i śledzić wydarzenia i zmiany w firmie.

Podstrona z aktualnościami wyświetlana na tablecie
Pełna treść aktualności wyświetlana na tablecie
Responsywność strony sprawia, że aktualności równie łatwo przeglądać i czytać na ekranie komputera, co na ekranie tabletu i telefonu

Projekt i implementacja strony internetowej

Przygotowany projekt strony internetowej wywołał uśmiech. Zachowaliśmy pełną spójność z przygotowaną przez nas identyfikacją wizualną. Sporządziliśmy wizualizacje strony głównej dla komputerów, tabletów i telefonów komórkowych. Oprócz tego powstała również wizualizacja galerii oraz działu oferta.

Galeria

Przeszukiwanie tak obszernej galerii przyciemnień może sprawiać trudności. Dlatego podzieliliśmy cała galerię na kategorie, którymi są marki samochodów. Dodatkowo każdy samochód ma zapisane w bazie danych takie parametry jak: producent, model, generacja, rodzaj, rok produkcji i wersja.

Zaawansowana galeria internetowa z opcją filtrowania
Zaawansowane funkcje galerii pozwalają nie tylko przeglądać zawarte w niej projekty, ale również sortować je po marce samochodu oraz wyszukiwanym haśle

Wyszukiwarka która jest widoczna z boku jest stworzona w technologii AJAX. Oznacza to, że w celu wyszukania samochodu wystarczy napisać fragment jego nazwy. Wyniki same się zaktualizują, bez przeładowywania strony. Dodatkowo można też wyszukiwać frazy ogólne, takie jak: sedan, STI GD lub Golf kombi.

Filtrowanie galerii marka Subaru
Szczegółowy widok wybranej pozycji Maserati
Przefiltrowanie galerii po marce Subaru oraz widok wybranej pozycji

Oferta

Dział oferta podzieliliśmy na dodatkowe usługi. Poprawia to pozycję strony w wyszukiwarkach (SEO). Dodatkowo Ściemniacze mają też kilka usług sezonowych (np. pranie tapicerek). Dzięki takiemu rozwiązaniu na stronie można w dowolnym momencie włączyć lub wyłączyć wybrane usługi.

Podstrona oferta w widoku HD
Podstrona z ofertą podzielona jest na szczegółowe usługi

Podstrona wyświetlająca poszczególne usługi zawiera szczegółowe opisy. Przy każdej z usług widnieje też przycisk powrót do oferty. Dzięki temu Klient, który trafi bezpośrednio na tą podstronę (np. z Google) będzie mógł jednym kliknięciem przenieść się do pełnej oferty.

Szczegółowy widok oferty
Szczegółowe informacje na temat wybranej usługi wyświetlane są na oddzielnej podstronie

Przy tak dużej ilości wizualizacji dalsza praca to czysta przyjemność. Developer, który zajmuje się kodowaniem (implementacją) strony internetowej ma bardzo proste zadanie. Nie musi tworzyć samemu nowych widoków, ani improwizować wyglądu dodatkowych sekcji na stronie. Może skupić się na tym co umie najlepiej, czyli implementacji dokładnie tego co widzi w projekcie. Dlatego kluczem do stworzenia dobrej strony internetowej jest solidny projekt z wieloma wizualizacjami.

Strona internetowa została stworzona zgodnie z zasadą mobile first design. Oznacza to, że implementację strony internetowej zaczęliśmy od urządzeń mobilnych i stronę stopniowo powiększaliśmy na pozostałe urządzenia. Postępując w ten sposób mamy pewność, że strona internetowa będzie działać na telefonach w dopracowany i szybki sposób.

Responsywna storna główna wyświetlana na telefonie
Mobilna wersja galerii internetowej
Przeskalowanie podstrony kontakt do rozmiaru telefonu komórkowego
Responsywność strony pozwala na komfortowe przeglądanie witryny na telefonie. Widok przedstawia stronę główną, galerię oraz podstronę z informacjami kontaktowymi i mapką

Strona internetowa szybka jak Ferrari

W trakcie rozmów na temat systemu na którym zbudujemy stronę internetową, Marcin poinformował nas o tym, że nie chce sam zarządzać stroną internetową. Dla Właściciela firmy zarządzanie stroną to duży obowiązek, który wymaga też sporych nakładów czasowych. Taka informacja bardzo nas ucieszyła, oznaczało to, ze budując stronę Ściemniacze możemy skorzystać z naszego własnego autorskiego systemu (tzw. frameworka).

Strona internetowa nie posiada zaplecza i panelu administracyjnego, dzięki temu jest wydajna i działa bardzo szybko. Średni czas renderowania strony internetowej po stronie serwera to 0.03 sekundy. Jest to bariera nieosiągalna dla komercyjnych systemów CMS.

Natomiast brak panelu nie przeszkadza, wręcz odwrotnie, można wtedy zdecydować się na aktualizacje drogą mailową. W celu wprowadzenia zmian na stronie, lub dodania nowych samochodów do galerii, wystarczy, że Marcin wyśle nam wiadomość mail.


Stroną internetową Ściemniacze opiekujemy się do dzisiaj. Dbamy o jej bezpieczeństwo, aktualizujemy jej zawartość i wykonujemy bieżące poprawki w zakresie pozycjonowania. Oprócz tego dbamy o wizerunek firmy Ściemniacze na portalach społecznościowych i zajmujemy się optymalizacją reklam Google AdWords.

Galeria przyciemnień na stronie Ściemniacze zawiera na już ponad 400 samochodów.