Matejek sp. z o.o – Krakowski deweloper zajmujący się kompleksową realizacją projektów z zakresu budownictwa mieszkalnego oraz komercyjnego. Spółka ma za sobą kilka dużych inwestycji mieszkaniowych na terenie Krakowa : Zacisze Kordiana I , Zacisze Kordiana II, Zacisze Kordiana III, Wzgórze Krzemionki, Radzikowskiego 104, Apartamenty w Parku Lotników.
Postawiono przed nami zadanie zbudowania nowej wizerunkowej strony internetowej dla firmy zawierającej kompletne informacje o Spółce oraz zbiór wszystkich inwestycji aktualnych i zrealizowanych. Dodatkowo mieliśmy za zadanie przedstawić w formie timeline / osi czasu / historii firmy zawierającej poszczególne najważniejsze etapy rozwoju i inwestycji. Bardzo ważnym elementem było również utworzenie i wdrożenie wyszukiwarki mieszkań dostępnych w aktualnych inwestycjach Spółki Matejek importujących dane i listę z stron docelowych inwestycji / obecnie inswestycja w Parku Lotników /.
Projektując stronę internetową mieliśmy na uwadze łatwy dostęp do wyszukiwarki dostępnej z każdego miejsca strony internetowej. W tym celu guzik umożliwiający wyszukiwanie umieśliliśmy na pasku menu, które jednocześnie podróżuje za użytkowikiem. Aby jeszcze bardziej uprościć procedurę wyszukiwania mieszkań panel wyszukiwarki jest dostępny na tej samej podstronie na której znajduje się użytkownik w mechanizmie lightbox bez potrzeby realizowania docelowej podstrony wyszukiwarki. Dopiero z tego miejsca po uzupełnieniu parametrów użytkownik przechodzi do importowanej z innych stron inwestycji listy wyników wyszukiwań.
na podstronach oraz w formie
panelu w systemie lightbox
wyraziste mocne i kontrastowe kolory
Przyjęliśmy kolorystykę kontrastową bazując w dużej mierze na czerni, bieli i czerwieni z logotypu spółki Matejek. Każdą podstronę inwestycji, o firmie czy kontakt ( kontynuując motyw ciemnego tła ze strony głównej ) rozpoczynamy właśnie od sekcji ciemnej prezchodząc kolejno w kontastową z modułem wyszukiwarki / w przypadku podstorn inwestycji / lub tekstowym.
historia firmy w formie osi czasu - timeline
W podstronie kontakt ze względu na dużą liczbę działów firmy rozwiązaniem które zastosowaliśmy to podział na dwie kolumny. Lewa kolumna zawiera dane firmy oraz podstawowy kontakt, guzik ‘jak do nas dojechać’ kierujący użytkownika z jego adresu do siedziby firmy ( po kliknięciu użytkownik otrzymuje w nowej karcie trasę wyznaczoną za pomocą Google Maps). Prawa kolumna stanowi formularz kontaktowy.
sekcje i elementy układające się pod sobą w układzie blokowym
legenda i mapa Google z inwestycjami dopasowana kolorystycznie do strony
28 lipca, 2020, 3:24 pm
fajna strona