Valmark to inżynierska firma handlowa działająca na rynku od 1991 roku, specjalizująca się w doborze technicznym i sprzedaży pomp, armatury oraz automatyki przemysłowej. W portfolio klientów firmy znajdziemy takich potentantów jak KGHM, Coca-Cola, Azoty, Veolia, Tauron czy Wodociągi Warszawskie. Valmark jest autoryzowanym dystrybutorem kilkudziesięciu renomowanych producentów - Grundfos, Danfoss, Belimo, Bürkert, Alfa Laval i wielu innych.
Mimo rozległej wiedzy i ugruntowanej pozycji na rynku, strona internetowa Valmark nie odzwierciedlała ani skali działalności, ani poziomu ekspertyzy firmy. Przestarzały wygląd, niespójna nawigacja, brak responsywności i słaba prezentacja produktów tworzyły wyraźny dysonans między realną wartością marki a jej cyfrowym wizerunkiem. Valmark zgłosił się do Dr Blitz-Weblab z potrzebą kompleksowego redesignu.
Ponad trzy dekady ekspertyzy - Valmark zasługuje na nowoczesną reprezentację cyfrową
Audyt UX: zidentyfikowane problemy Diagnoza - co nie działało
Przed przystąpieniem do projektowania przeprowadziliśmy szczegółowy audyt dotychczasowej strony. Analizowaliśmy ścieżki użytkowników, strukturę informacji, jakość prezentacji oferty oraz doświadczenie mobilne.
| Po redesignie | Po redesignie |
| ❌ Archaiczny design nieadekwatny do rangi klientów firmy | ✅ Nowoczesny, profesjonalny design zgodny z tożsamością marki |
| ❌ Brak responsywności — strona niefunkcjonalna na urządzeniach mobilnych | ✅ W pełni responsywny layout — mobile-first |
| ❌ Płaska, niehierarchiczna lista producentów bez kontekstu i opisów | ✅ Rozbudowane, ustrukturyzowane podstrony producentów z własnymi domenami |
| ❌ Brak spójności wizualnej z identyfikacją marki | ✅ Spójna identyfikacja wizualna na wszystkich poziomach strony |
❌ Słaba architektura informacji — trudna nawigacja po ofercie | ✅ Przejrzysta nawigacja oparta na kategoriach produktowych |
❌ Brak wyraźnych CTA prowadzących do zapytania ofertowego | ✅ Strategicznie rozmieszczone przyciski zapytania ofertowego |
Od briefu do Figmy - jak pracowaliśmy Diagnoza - co nie działało
Projektowanie nowej strony Valmark prowadziliśmy w Figma, co pozwoliło na pełną transparentność procesu i iteracyjne konsultacje z klientem na każdym etapie. Praca zaczęła się od warsztatów strategicznych, podczas których zdefiniowaliśmy persony użytkowników — inżynierów zakładowych, specjalistów ds. utrzymania ruchu i pracowników działów zakupów — oraz kluczowe ścieżki konwersji na stronie B2B.
Projektowanie w Figma
Cały projekt — od wireframe'ów, przez system komponentów, po gotowe makiety wysokiej wierności — powstawał w Figma. Klient miał dostęp do pliku projektowego w czasie rzeczywistym, co skróciło cykl feedbacku i pozwoliło zatwierdzać zmiany na bieżąco, bez potrzeby organizowania osobnych prezentacji na każdym etapie.
Co zaprojektowaliśmy i dlaczego UX/UI — kluczowe elementy redesignu
Projekt rozpoczęliśmy od dogłębnej analizy systemu identyfikacji wizualnej ILT — palety barw, konwencji typograficznych, języka ikonograficznego oraz sposobu, w jaki techniczna precyzja jest wyrażana w materiałach drukowanych i komunikacji produktowej. Każda decyzja projektowa na nowej stronie wynika bezpośrednio z tej identyfikacji: czyste błękity i uporządkowane layouty odzwierciedlają inżynierski rygor, który definiuje markę. Nic nie zostało wymyślone od zera — wszystko zostało wyniesione na wyższy poziom.
Architektura informacjiPrzebudowaliśmy całą strukturę nawigacji. Oferta podzielona według kategorii produktowych (pompy, armatura, automatyka), a nie według listy producentów — tak jak myśli użytkownik, nie jak zorganizowany jest magazyn
User personas i ścieżkiZdefiniowaliśmy persony użytkowników: inżynier dobierający produkt, specjalista ds. zakupów oraz nowy kontrahent weryfikujący firmę. Każda ścieżka prowadzi do zapytania ofertowego w jak najmniejszej liczbie kroków.
Responsywny design mobile-firstNowy projekt zakładał pełną responsywność od pierwszego piksela. Technicy i inżynierowie coraz częściej przeglądają oferty na telefonach — poprzednia strona była dla nich praktycznie niedostępna.
Identyfikacja wizualnaNowy design w pełni oparto na istniejącej identyfikacji wizualnej Valmark — kolorystyce, typografii i charakterze marki. Strona jest teraz spójna z pozostałymi materiałami firmowymi i natychmiastowo rozpoznawalna.
System komponentów UIZaprojektowaliśmy spójny design system: karty produktowe, sekcje producentów, formularze zapytań, bannery kategorii i moduły kontaktowe. Każdy element jest wielokrotnego użytku i edytowalny przez redaktora w TYPO3.
Hierarchia wizualna i CTAKażda podstrona ma jasno zdefiniowany cel konwersji. Przyciski zapytania ofertowego i kontaktu zaprojektowano tak, by były widoczne w odpowiednim momencie ścieżki użytkownika — bez przytłaczania nachalną sprzedażowością.
Prezentacja oferty i findabilityProdukty i producenci zyskali własne, rozbudowane podstrony z opisami, zastosowaniami i materiałami do pobrania. Wyszukiwanie i filtrowanie oferty zostało zaprojektowane pod rzeczywiste potrzeby użytkowników technicznych.
Social proof i zaufanieWyeksponowaliśmy klientów firmowych (KGHM, Coca-Cola, Azoty, Tauron), lata doświadczenia i certyfikaty autoryzacji producentów — kluczowe elementy budowania zaufania w B2B przemysłowym.
Podpinanie domen producentów — rozwiązanie szyte na miarę Unikalna realizacja techniczna
Jednym z kluczowych i niestandardowych elementów projektu było podpięcie dedykowanych domen internetowych dla poszczególnych producentów, których Valmark jest autoryzowanym dystrybutorem. Dzięki temu każdy producent z portfolio Valmark może posiadać własną witrynę działającą pod oddzielną domeną, jednocześnie osadzoną w ekosystemie strony Valmark i zarządzaną z jednego miejsca w systemie TYPO3 CMS.
Jak to działa?
Każda domena producenta wskazuje na dedykowaną podstronę w strukturze TYPO3, z własnym layoutem, kolorystyką i brandingiem danego producenta — przy jednoczesnym zachowaniu nawigacji i kontekstu dystrybutora. Użytkownik odwiedzający np. domenę konkretnego producenta trafia na profesjonalnie przygotowaną prezentację oferty tego brandu, z wyraźnym zaznaczeniem, że Valmark jest jego autoryzowanym partnerem handlowym w Polsce.
Rozwiązanie to przynosi wymierne korzyści: poprawia widoczność SEO pod nazwami producentów, wzmacnia relacje partnerskie z vendorami i buduje wiarygodność Valmark jako autoryzowanego dystrybutora.
TYPO3 CMS jako fundament Wdrożenie
Całe wdrożenie zrealizowaliśmy w systemie TYPO3 CMS — naszej platformie z wyboru dla złożonych projektów B2B. TYPO3 zapewnia Valmark pełną kontrolę nad treściami, możliwość samodzielnego zarządzania podstronami producentów oraz bezpieczną, skalowalną infrastrukturę gotową na dalszy rozwój — w tym rozbudowę katalogu produktów i kolejne integracje domenowe.
Strona, która pracuje jak inżynier — precyzyjnie i niezawodnie Rezultat
Nowy valmark.pl to cyfrowa wizytówka godna firmy z trzydziestoletnim doświadczeniem i portfolio klientów klasy enterprise. Przejrzysta architektura, nowoczesny design zgodny z identyfikacją wizualną marki oraz unikalne rozwiązanie integracji domen producentów — wszystko to sprawia, że Valmark wyróżnia się spośród konkurencji i buduje zaufanie już od pierwszego kontaktu z serwisem.
