Na tej stronie publikujemy informacje o istotnych zmianach w serwisie internetowym Ośrodka Badawczo-Rozwojowego Centrum Techniki Morskiej S.A. — dotyczących m.in. układu treści, czytelności, wygody korzystania ze strony oraz dostępności cyfrowej. Nie obejmuje ona każdej aktualizacji merytorycznej (np. nowych artykułów w aktualnościach czy ofert pracy), lecz przede wszystkim usprawnienia samego serwisu.
Data
Zmiany
Zastąpiono sekcję misji z ilustracją okrętu informacyjnym sliderem na stronie głównej (wersja polska i angielska) — trzy slajdy: udział w Eurosatory 2026, otwarcie CEM w Gdyni oraz rozszerzenie składu Zarządu CTM.
Na desktopie: naprzemienny układ tekstu i kwadratowe ilustracje; na telefonie: kompaktowy slider bez grafik ze sterowaniem u góry (licznik slajdów, pasek postępu, kropki).
Slider automatycznie przewija slajdy co 8 s; można też przełączać kropkami, klawiaturą lub przewijaniem poziomym.
Dopasowano slider do powiększania tekstu i trybu wysokiego kontrastu.
Usunięto nieużywane style i kod poprzedniego hero (sekcja misji, ilustracja okrętu).
Wdrożono nową górną nawigację na całym serwisie (w tym strona główna) — granatowy pasek z białymi linkami, jasna belka po scrollu, mniejsze podzakładki w menu rozwijanym; przycisk EN widoczny tylko, gdy strona ma wersję angielską.
Ulepszono menu mobilne — płynne rozwijanie panelu i podmenu, animacja burgera w krzyżyk, poprawione położenie strzałki przy rozwiniętej zakładce oraz większy odstęp tła aktywnej pozycji od strzałki.
Uspójniono płynne przejście kolorów nawigacji przy scrollu (desktop i telefon) — tło paska, linki, przycisk języka i logo zmieniają się razem; rozmycie tła bez animacji obciążającej urządzenie.
Wyraźniejszy hover przycisku zmiany języka na jasnej belce po scrollu.
Dopasowano nową nawigację do trybu wysokiego kontrastu — układ jak w wersji standardowej (białe zakładki, żółty akcent), z zachowaniem wymogów dostępności.
Przebudowano baner wewnętrznych podstron — tytuł strony i ścieżka nawigacyjna (breadcrumbs) na wspólnej jasnej belce u dołu banera; krótszy ciemny pas z tłem graficznym i czytelniejszy nagłówek z linią akcentu.
Ujednolicono breadcrumbs na całym serwisie (wersja polska i angielska) — ikona strony głównej, separator chevron, skrócona ścieżka na telefonie; poprawione oznaczenia dla czytników ekranu.
Usunięto powtarzający się podtytuł „Notatka prasowa CTM” ze stron aktualności.
Dopasowano baner i breadcrumbs do trybu wysokiego kontrastu oraz powiększania tekstu.
Ulepszono galerie zdjęć na stronach produktów — karuzela z nagłówkiem „Galeria zdjęć”, liczbą zdjęć i strzałkami od 4 zdjęć (jak w aktualnościach); czytelniejszy układ pojedynczych i podwójnych zdjęć na urządzeniach mobilnych; powiększenie po kliknięciu bez zmian.
Naprawiono ciasną karuzelę galerii na desktopie na stronach produktów — miniatury wykorzystują pełną szerokość sekcji.
Przyciski pobierania kart produktu (polska i angielska wersja) mieszczą się na telefonie w jednej linii, z równym wyrównaniem i czytelniejszym odstępem od opisu.
Przywrócono naprzemienne tła sekcji na stronach Kariera i Firma — dolna mini nawigacja nie wymusza już jasnego tła.
Po otwarciu menu mobilnego przycisk ustawień dostępności nie znika już z ekranu.
Wdrożono nową stopkę na całym serwisie — kolumny rozłożone na desktopie, pigułki social media, linki bez łamania linii, stonowany pasek copyright; spójna typografia kolumn Firma, Oferta i Kontakt.
Na telefonie stopka w układzie dwóch kolumn (Firma / Oferta) ze skróconymi etykietami linków; kontakt wyśrodkowany.
Dopasowano stopkę do trybu wysokiego kontrastu.
Ulepszono galerie zdjęć w aktualnościach — karuzela z nagłówkiem „Galeria zdjęć”, liczbą zdjęć i strzałkami od 4 zdjęć; czytelniejszy układ pojedynczych i podwójnych zdjęć na urządzeniach mobilnych; powiększenie po kliknięciu bez zmian.
Skrócono komunikat ładowania strony — w polskiej wersji do „Ładowanie…”, w angielskiej do „Loading…”.
Uporządkowano prezentację logotypów konsorcjum i partnerów technologicznych na stronach projektów — spokojniejszy układ, równomierne odstępy, wyśrodkowany ostatni wiersz, subtelniejsze oznaczenie lidera.
Na stronach akredytowanych laboratoriów oraz obsługi serwisowo-technicznej przyciski akcji na początku strony pozostają w jednej linii także na telefonie.
Wprowadzono stronę Historii zmian z linkiem w stopce przy nazwie spółki; układ dopasowany do pozostałych stron informacyjnych.
Na stronie Kontakt przed numerem faksu dodano etykietę FAX:, żeby odróżnić go od telefonu.
Tabela historii zmian domyślnie pokazuje 5 najnowszych wpisów — starsze daty można rozwinąć przyciskiem poniżej tabeli.
Poprawiono czytelność tabeli historii zmian w trybie wysokiego kontrastu.
Dodano stronę historii zmian do mapy strony oraz pliku mapy witryny dla wyszukiwarek (wersja polska i angielska).
Przebudowano dolną nawigację między podstronami w sekcjach Kariera i Firma — niższy pasek ze zdjęciami zamiast dużych kafli; ten sam układ na wszystkich podstronach obu działów.
W mini nawigacji sekcji Firma dodano dedykowane ilustracje do poszczególnych podstron (m.in. Zarząd, akcjonariusze, przetargi, polityki).
Poprawiono kontrast tytułów na zdjęciach w mini nawigacji oraz obsługę klawiatury — wyraźny fokus przy nawigacji Tabem.
Naprawiono panel „Ustawienia wyświetlania” — po otwarciu można znowu normalnie klikać opcje (powiększanie tekstu, kontrast, animacje itd.).
Przeprowadzono audyt dostępności cyfrowej serwisu wg kryteriów WCAG 2.2 (poziom AA) — wynik pozytywny; szczegóły w deklaracji dostępności.
Narzędzie audytu: WAVE (Web Accessibility Evaluation Tool) oraz przegląd manualny.
Uzupełniono opisy alternatywne log partnerów, konsorcjantów i zdjęć w aktualnościach (w tym starsze artykuły 2010–2026) — czytniki odczytują sensowne opisy zamiast pustych; w projektach i SCOT także po angielsku.
Poprawiono nagłówki stron — tytuł artykułu lub oferty jest głównym nagłówkiem; ujednolicono baner i ścieżkę nawigacyjną na całym serwisie.
Zamieniono niewyjaśniające linki „tutaj” w starszych artykułach na opisowe teksty.
Oznaczono język obcojęzycznych fragmentów w treści oraz etykiety przełącznika języka.
Dodano rozszerzone opisy dla linków do plików PDF.
Wdrożono link „Przejdź do treści” na wszystkich podstronach.
Ulepszono orientację dla czytników ekranu: poprawne role nagłówka, menu i stopki; lepszy opis logo w stopce.
Przy przewijaniu klawiaturą fokus nie chowa się już pod przyklejonym menu.
Ujednolicono przycisk „Do góry” z przyciskiem dostępności — animacja, układ na mobile, brak nakładania.
Poprawiono deklarację kodowania znaków UTF-8 na wszystkich stronach — polskie znaki wyświetlają się poprawnie.
Zaktualizowano mapę strony — m.in. deklaracja dostępności, inwestycje FIK, pełna lista projektów, lata archiwum aktualności.
Uspójniono dolny stos komunikatów: baner cookies, sugestia języka i przycisk panelu dostępności wyświetlają się w tej samej kolejności, bez wzajemnego zasłaniania.
Poprawiono menu mobilne — strzałki rozwijania przy prawej krawędzi; ikona menu zmienia się w krzyżyk tylko przy zamykaniu całego menu, nie przy rozwijaniu podmenu.
Uzupełniono opisy alternatywne logotypów w stopce (CTM, EMC Lab Net, PGZ) dla czytników ekranu.
Tryb wysokiego kontrastu uruchomiono pomyślnie na całej witrynie.
Dodano opcję wysokiego kontrastu w panelu dostępności.
W menu Firma dodano pozycję o inwestycjach współfinansowanych ze środków Funduszu Inwestycji Kapitałowych.
Poprawiono powiększanie tekstu w aktualnościach, notatkach prasowych i sekcjach Kariera.
Utworzono podstronę o inwestycji współfinansowanej ze środków FIK — treść po lewej, plakat informacyjny po prawej (obecnie tylko w polskiej części serwisu).
Poprawiono nazwy pozycji w menu nawigacji (m.in. Zarząd i Rada Nadzorcza, Rada Naukowo-Techniczna, komunikaty dla akcjonariuszy, Kodeks Etyki Grupy PGZ).
Dodano ofertę pracy Specjalista ds. jakości (zastępstwo) w Gdyni — strona szczegółów i wpis na liście ogłoszeń.
Poprawiono opis meta (SEO), podgląd linku przy udostępnianiu w mediach społecznościowych oraz treść artykułu w notatkach prasowych.
Naprawiono przełącznik języka polski/angielski oraz powiązane odnośniki między wersjami stron.
Zaktualizowano skład i układ sekcji Zarządu (m.in. dr Jacek Szczepaniak, Anna Salomon); poprawiono odstępy między sekcjami na urządzeniach mobilnych i komputerze.
Odświeżono publiczną listę ofert pracy — m.in. nowe stanowiska (Analityk systemowy, Junior Product Owner), zakończone nabory.
Na stronie głównej kafle i przyciski reagują na klawisz Tab tak samo jak na najechanie myszą — ułatwienie dla użytkowników klawiatury.
Lepsza obsługa klawiatury na stronie firmy, kartach rad, komunikatach dla akcjonariuszy oraz w sekcji kariera.
Uzupełniono tagi ikon i favicon na wszystkich stronach.
Subtelniejszy, spójny wskaźnik fokusu przy nawigacji klawiaturą — menu, stopka, przełącznik języka i linki prawne.
Rozszerzono zestaw favicon i metadanych PWA, żeby ikona i „dodaj do ekranu głównego” działały na większej liczbie urządzeń.
Dodano manifest PWA z cacheowaniem ikon — szybsze ponowne otwarcie strony z ekranu głównego telefonu.
Wspólna nawigacja i stopka ładowane z jednego miejsca.
Wydzielono wspólne fragmenty layoutu do jednego modułu — mniej powtarzanego kodu HTML na setkach podstron.
Masowe poprawki zepsutych linków i literówek w adresach stron; poprawiono cztery błędne nazwy plików.
Obrazy poza pierwszym ekranem ładują się dopiero przy przewijaniu (lazy loading) — mniejszy transfer danych przy pierwszym wejściu na stronę.
Uzupełniono opisy SEO w aktualnościach i na ofertach pracy.
Sparowano kluczowe podstrony pod przełącznik języka — strona główna, firma, kontakt, produkty i projekty.
Przełącznik języka znika tam, gdzie brak strony w drugim języku — m.in. wybrane oferty pracy i artykuły archiwalne.
Usunięto rozpraszające niebieskie obrysy z kart produktów, usług oraz sekcji Zarząd — spokojniejszy wygląd bez utraty czytelności treści.
Zweryfikowano i uzupełniono opisy meta (SEO) na głównych podstronach; usunięto nieaktualny znacznik keywords, którego wyszukiwarki już nie uwzględniają.
W treściach informacyjnych wprowadzono wyrównanie do obu marginesów (justowanie) tam, gdzie poprawia czytelność dłuższych akapitów.
Usunięto zbędne meta znaczniki i zduplikowane wpisy w nagłówku stron — mniejszy rozmiar dokumentu HTML.
Dodano przycisk „Do góry” na długich podstronach — szybki powrót na początek treści po przewinięciu.
Wdrożono ekran ładowania przy pierwszym wejściu na stronę — krótki komunikat i animacja przed wyświetleniem treści.
Ekran ładowania wyświetla się tylko przy pierwszej wizycie w sesji — kolejne podstrony otwierają się bez dodatkowego oczekiwania.
Wdrożono pierwszą wersję banera informującego o plikach cookies — zgoda, odrzucenie i link do polityki cookies.
Baner pojawia się po załadowaniu strony i zapamiętuje wybór użytkownika w tej samej sesji.
Skrypt banera cookies ładowany asynchronicznie — nie blokuje wyświetlania treści strony.
Wprowadzono etykietę „Nowe ogłoszenie” przy świeżych ofertach rekrutacyjnych.
Poprawiono treść i ilustracje w wybranych notatkach prasowych — spójne podpisy zdjęć i daty publikacji.
Przebudowano mapę strony — przejrzysty spis działów i podstron w nowej strukturze serwisu.
Rozszerzono archiwum aktualności o rok 2025 — m.in. Digital Baltic, partnerstwo CTM–Satim, list intencyjny ICEYE, rozpoczęcie budowy Centrum Elektroniki Militarnej.
Tymczasowo ukryto z menu podstronę produktu Radiostacja RKP-8100 — do czasu uzupełnienia materiałów.
Uruchomiono moduł rekrutacji — publiczna lista ofert z kartami stanowisk, lokalizacją i skróconym opisem.
Dopasowano nazwy stanowisk do obowiązujących przepisów.
Przebudowano szablon ogłoszenia — spójny układ opisu, wymagań i sposobu aplikowania.
Rozbudowano sekcję Rozwój zawodowy na stronie głównej — wyraźniejsze zaproszenie do ofert pracy oraz zdjęcie Prezesa Zarządu z udziałem M. Tyszeckiego.
Zaktualizowano adres kanału YouTube CTM w stopce serwisu.
Ujednolicono treść angielską, dane kontaktowe, metadane do udostępniania w mediach społecznościowych, leniwe ładowanie obrazów i obsługę menu mobilnego z klawiatury.
Odświeżono angielską sekcję rekrutacji na stronie głównej — link do ofert pracy.
Na stronie głównej dodano sekcję Najważniejsze wydarzenia — skróty do wybranych aktualności.
Obrazy w galeriach notatek prasowych serwowane w formacie WebP z zapasową wersją JPEG — mniejsze pliki i szybsze pobieranie.
Na stronie głównej dodano sekcję statystyk spółki — ponad 340 specjalistów, 44 lata działalności, 12 lat w Grupie PGZ.
Ujednolicono styl animacji po najechaniu i wygląd przycisków w całym serwisie — spójne reakcje na hover ułatwiają czytanie treści obok linków.
Animacja liczników w sekcji statystyk uruchamia się dopiero po wejściu sekcji w widok — mniejsze obciążenie procesora przy pierwszym ładowaniu strony głównej.
W notatkach prasowych wdrożono galerie zdjęć z możliwością powiększenia (lightbox) — wygodniejsze przeglądanie relacji z wydarzeń.
Naprawiono rozjechane galerie produktowe — obrazy zachowują proporcje i nie psują układu strony.
Przygotowano wykrywanie języka przeglądarki i dyskretną sugestię zmiany wersji językowej — tam, gdzie istnieje odpowiednik strony.
Ujednolicono nazewnictwo ogłoszeń rekrutacyjnych — spójny schemat „osoba na stanowisko…” w tytułach i adresach podstron.
Przygotowano techniczną bazę v4 pod szybsze ładowanie — zoptymalizowane arkusze stylów i skrypty oraz mniejsze pliki graficzne na stronie głównej.
Przebudowano stronę główną po publikacji v4 — misja, obszary innowacji, skróty oferty i zaproszenie do rekrutacji.
Przebudowano dział Firma — nowy układ podstron: O CTM, Zarząd, Rada Naukowo-Techniczna, akcjonariusze, przetargi, polityki, media.