Strony internetoweIdentyfikacja wizualnaSocial mediaGoogle AdsAutomatyzacje AIOpieka nad stroną
Dlaczego jaPortfolioProcesCennikKontakt
PLEN日本語
Porozmawiajmy

MS Gravis.

Strona firmy ze Skierniewic, która sprzedaje narzędzia do obróbki drewna i tworzyw, ostrzy je i serwisuje maszyny stolarskie, a narzędzia diamentowe robi u siebie. Obsługuje zakłady meblarskie i stolarnie w województwie łódzkim i mazowieckim.

Zobacz stronę na produkcji msgravis.pl
Pierwszy ekran strony MS Gravis: białe i czerwone hasło o narzędziach i serwisie dla branży meblarskiej na ciemnym tle, obok kadr z pracy przy pilarce formatowej i czerwony przycisk z numerem telefonu.

Iskra

Od czego się zaczęło

Ustalenia przyszły mailem: struktura z czterech stron, paleta czerni i czerwieni z dopełniającą bielą i trzy słowa, którymi firma opisuje samą siebie — precyzja, terminowość, doświadczenie.

Cel był jeden: telefon. Dlatego numer stoi jako pierwszy przycisk na każdej stronie, a cała reszta ustawia się za nim.

Zdjęć produktowych firma nie miała żadnych, więc projekt nie mógł stanąć na katalogu. Niosą go typografia, siatka i opis tego, jak wygląda zlecenie od telefonu do odbioru.

Immersja

Jak to zostało zrobione

Z trzech kierunków wszedł ten ciemny: czerń, czerwony akcent i hasło wersalikami przez pół ekranu. Zamiast katalogu układ prowadzi przez cztery kroki zlecenia, od telefonu po odbiór narzędzi.

Logo istniało tylko jako zdjęcie z ulotki, więc odrysowałem je na wektor. Z tego samego pliku poszły potem wersje do druku i plik DXF, którym logo wypala się laserem.

Strona główna, oferta narzędzi, ostrzenie i serwis maszyn dzielą sekcje: ta sama oferta stoi w dwóch miejscach, a zmienia się ją w jednym. Struktura jest przygotowana na sklep, który firma zapowiada.

Substancja

Co siedzi pod spodem

Cała treść i skład stron siedzą w dwóch plikach konfiguracji z typami. Literówka w nazwie sekcji, strony albo pozycji katalogu zatrzymuje build, zanim zmiana trafi na serwer.

Każda sekcja może nieść notkę o tym, co czeka na potwierdzenie klienta. Dopóki taka notka wisi na gotowej stronie, build nie pozwala wpuścić strony do wyszukiwarek — niepotwierdzona treść nie wychodzi w świat.

Dane firmy, godziny i dwadzieścia obsługiwanych miast idą do wyszukiwarki w danych strukturalnych, a każda zmiana przechodzi automatyczne sprawdzenie wydajności i dostępności na wszystkich pięciu adresach.

Decyzje techniczne
dla zainteresowanych kodem
Next.js 16, React 19, TypeScript

Strony są prerenderowane statycznie, więc odwiedzający dostaje gotowy HTML od pierwszego żądania.

Treść w dwóch plikach konfiguracji

Katalog narzędzi, biblioteka sekcji i skład każdej strony stoją obok siebie. Zmiana treści nie wymaga ruszania komponentów.

Typy na sekcjach, stronach i katalogu

Zła nazwa sekcji albo pozycji katalogu wywala kontrolę typów, zanim zmiana trafi na produkcję.

Przełącznik indeksowania z bezpiecznikiem

Sekcja z notką „do potwierdzenia” zatrzymuje build przy próbie wpuszczenia strony do wyszukiwarek.

robots.txt osobno dla podglądów linków

Podgląd linku w komunikatorach i na Facebooku działa niezależnie od tego, co wolno wyszukiwarkom.

JSON-LD LocalBusiness i WebSite

Adres, godziny i obsługiwane miasta trafiają do wyszukiwarki w formie, którą rozumie.

Iskra· © 2026 Przemysław Wojenka