Macrotech24 – wykonawstwo budowlane z Warszawy.
Firma, która stawia elewacje i wykańcza budynki dla dużych inwestycji, przez długi czas miała w sieci tylko wizytówkę z danymi kontaktowymi. Strona dojrzewała w dwóch krokach: najpierw one page ze wszystkimi ważnymi sekcjami, potem pełny serwis z podstronami, osobną stroną dla każdej realizacji i galerią zdjęć z prawdziwego zdarzenia.
PUNKT WYJŚCIA
Od wizytówki do one page’a
Przez długi czas pod adresem firmy wisiał ekran z podstawowymi danymi. Pisanie systemu zarządzania treścią pod jedną stronę mijało się z celem, więc w maju 2026 powstał one page ze wszystkimi ważnymi sekcjami: oferta, realizacje, o firmie, kontakt. Dużo lepiej niż wizytówka – ale zdjęcia z realizacji otwierały się w warstwach, bez galerii i bez możliwości powiększenia.
Cel: realizacje, które da się obejrzeć
W branży budowlanej to zdjęcia z budów sprzedają najlepiej. Każda inwestycja miała dostać własną podstronę z opisem i galerią, a cały serwis – zachować wygląd, który klient już znał i lubił. Przy okazji: przenosiny strony i poczty na nowy, szybszy serwer.
CO ZOSTAŁO ZROBIONE
Ten sam charakter, więcej miejsca
Ciemna, grafitowa paleta z bursztynowym akcentem z one page’a została 1:1. Zmieniła się architektura: zamiast jednej długiej strony – osobne podstrony dla oferty, firmy, realizacji i kontaktu.
Każda realizacja na własnej stronie
Dwanaście inwestycji, każda z opisem, kartą faktów i nawigacją do poprzedniej i następnej. Na stronie głównej wybrane projekty, na liście – wszystkie. Nowa realizacja to jeden plik i folder ze zdjęciami.
Galeria z prawdziwego zdarzenia
Zdjęcia z budów otwierają się w pełnoekranowym podglądzie z powiększeniem i nawigacją strzałkami lub gestem. System sam przygotowuje mniejsze wersje w formacie WebP, więc galeria nie spowalnia strony.
Kod bez zbędnego bagażu
Ten sam autorski, lekki system co w innych moich realizacjach – bez bazy danych i wtyczek do ciągłego aktualizowania. Mniej awarii, szybkie ładowanie i spokój na lata.
SEO bez zgubionych linków
Stare odnośniki do sekcji one page’a prowadzą na właściwe podstrony, dochodzi mapa strony, dane strukturalne firmy i opisy pod Google. Serwis zgłoszony w Search Console, statystyki w Google Analytics – dopiero po zgodzie odwiedzającego.
Przenosiny strony i poczty
Strona, domena i firmowe skrzynki trafiły na nowy serwer z darmowym certyfikatem SSL. Cała dotychczasowa korespondencja została skopiowana, a przełączenie odbyło się jednego poranka. Stara skrzynka została jako kopia zapasowa.
DETALE, KTÓRE ROBIĄ RÓŻNICĘ
Kilka rzeczy, których odwiedzający pewnie nie nazwie, ale na pewno je poczuje:
Ekran powitalny tylko na wejściu
Animowane logo wita gościa, który przychodzi z zewnątrz – z Google czy z linku. Przy przechodzeniu między podstronami już się nie pokazuje, więc nie przeszkadza w przeglądaniu.
Liczby, które się odliczają
Lata doświadczenia i liczba projektów naliczają się na oczach odwiedzającego, a sekcje pojawiają się płynnie przy przewijaniu. Wszystko wyłącza się samo, gdy użytkownik ma w systemie ograniczenie ruchu.
Formularz bez captchy
Ochrona przed spamem działa w tle, bez captchy i zewnętrznych usług. Formularz przyjmuje e-mail albo sam telefon – budowlańcy często wolą, żeby po prostu oddzwonić.
UŻYTE TECHNOLOGIE
- PHP
- JavaScript
- HTML5
- CSS3
- WebP
- SSL
SZYBKOŚĆ WEDŁUG GOOGLE
Wyniki strony głównej w Google PageSpeed Insights mówią same za siebie:
Wynik dla wersji mobilnej – Google ocenia strony przede wszystkim po telefonie. Na komputerze wszystkie cztery kategorie mają 100/100.
