ElBruk-Kaminski.pl - strona internetowa firmy brukarskiej

O projekcie ElBruk-Kaminski.pl

El&Bruk Kamiński to firma brukarska, która oprócz układania kostki wykonywała też instalacje elektryczne - obie specjalności miały na stronie osobne galerie. W 2012 roku przygotowaliśmy dla niej logo i stronę internetową ElBruk-Kaminski.pl na systemie CMS CoolPage. Firma wykonywała prace w wielu miastach Pomorza, zwłaszcza w Trójmieście i okolicach, a sercem strony jest galeria realizacji.

Logo

Częścią zlecenia był znak firmy. W archiwum projektu zachowało się sześć propozycji z pierwszej rundy - dwa monogramy EK, litery E i K w zaokrąglonych kwadratach, poziomy napis Elbruk-Kaminski i okrągły znak złożony z kropek różnej wielkości - oraz cztery propozycje z drugiej rundy, wszystkie już z ampersandem. Wybrany znak łączy zaokrąglone bloki z napisami "EL" i "bruk", duży ampersand i szeroki napis KAMINSKI w kanciastym, technicznym kroju. Logo przygotowaliśmy w dwóch wariantach, które różnią się kształtem litery K.

Projekt graficzny

Strona jest utrzymana w soczystej zieleni z fakturą trawnika. Prawą część nagłówka wypełnia zdjęcie ścieżki z kostki, która okrąża okrągły kwietnik, a całość przecina żółty łuk. Po lewej stoi pionowe menu - Home, O nas, Galeria, Lokalizacja, Kontakt - złożone ozdobnym, blokowym krojem Blaster, którym są też nagłówki podstron. Pod menu jest ramka ze zdjęciem realizacji i ciemna karta z danymi firmy, widoczna na każdej podstronie. Żółty kolor wraca w obwódkach zdjęć i miniatur galerii oraz w nagłówkach podstron, takich jak Witaj, Galeria czy Kontakt. Stopka w ciemnej zieleni powtarza menu w wersji tekstowej i logo w wersji jednobarwnej.

Galeria i rozwiązania techniczne

Galeria ma dwa poziomy. Pierwszy to lista kategorii z miniaturami - w działającej stronie były to Kostka i Instalacja elektryczna. Drugi to siatka zdjęć z wybranej kategorii, które po kliknięciu otwierają się w powiększeniu w okienku lightbox, z podpisem. Miniatury w różnych rozmiarach system tworzy sam z jednego wgranego zdjęcia, więc nowe realizacje dodaje się w panelu CMS bez przygotowywania plików w kilku wersjach.

Ramka w lewej kolumnie losuje zdjęcia z galerii i przewija je jako pokaz slajdów z pięcioma znacznikami pod spodem, a każde zdjęcie prowadzi do galerii, z której pochodzi. Dzięki temu nawet strona O nas czy Kontakt pokazuje przykładowe prace firmy. Podstrona Lokalizacja ma mapę z zaznaczoną siedzibą i krótki opis obszaru działania, a Kontakt - formularz z polami na imię i nazwisko, adres e-mail i treść wiadomości.

Co można zobaczyć dziś

W 2026 roku uruchomiliśmy stronę ponownie na PHP 8, ze stanem z września 2017 roku i pełną galerią realizacji (kostka i instalacje elektryczne). W galerii case study są finalne ekrany strony głównej, listy galerii, galerii ze zdjęciami i kontaktu, pierwsza wersja strony głównej oraz dwa warianty logo.