wróć do listy projektów

Metering

Dedykowana strona WordPress dla lidera cyfryzacji sieci WOD-KAN - METERING

strona www

UI/UX Design

Wordpress For Business

Growth / Tech Support

Projekt dedykowanej strony www B2B dla marki Metering na systemie WordPress - widok sekcji hero na stronie głównej w wersji na komputer i telefon

O projekcie

METERING to firma z ponad 25-letnim doświadczeniem, która pomaga swoim klientom efektywnie zarządzać wodą i energią. Obecnie skupia się na kompleksowej cyfryzacji sieci WOD-KAN w jednostkach samorządowych.

Dla METERING od podstaw zaprojektowaliśmy i wdrożyliśmy nową, w pełni dedykowaną stronę internetową WordPress. Poprzedni serwis klienta nie spełniał współczesnych standardów – był obciążony nadmiarową liczbą wtyczek, co negatywnie wpływało na wydajność i bezpieczeństwo WordPress. Brak odpowiedniej responsywności (RWD) oraz przestarzały design nie budowały zaufania u partnerów biznesowych i nie oddawały strategii firmy.

projekt live

Zespół i zakres prac

Mateusz Konieczny

prowadzenie projektu
wsparcie programistów
code review

Kuba Konieczny

analiza i research
makiety funkcjonalne
projekt sklepu www
design review

Hubert Sobczak

backend development
code review

Mikołaj Bieliński

frontend development

Sebastian Staniszewski

frontend development

Makiety funkcjonalne (UX) strony internetowej Metering po warsztatach strategicznych

Strategia i Warsztaty projektowe

Prace nad nową stroną internetową rozpoczęliśmy od warsztatów strategicznych. Wspólnie z zespołem METERING:

Ustrukturyzowaliśmy ofertę produktową i usługową.
Zdefiniowaliśmy persony zakupowe (decyzenci w sektorze publicznym).
Opracowaliśmy unikalne propozycje wartości (Unique Value Propositions).

Na tym fundamencie przygotowaliśmy makiety funkcjonalne (UX), które stały się szkieletem dla nowoczesnej warstwy wizualnej (UI).

Custom Web Development i Optymalizacja Techniczna

Jako studio specjalizujące się w customowych stronach WordPress, postawiliśmy na czysty, autorski kod. Nasi programiści odwzorowali projekt graficzny z dbałością o każdy detal, eliminując zbędne obciążenia systemu.

Kluczowe aspekty techniczne wdrożenia:

Wydajność: Optymalizacja pod kątem Core Web Vitals (szybkość ładowania).
Dostępność: Dostosowanie serwisu do standardów dostępności cyfrowej.
Technical SEO: Struktura nagłówków, optymalizacja obrazów i meta danych przygotowana pod pozycjonowanie.
Bezpieczeństwo: Stabilna architektura WordPress z minimalną, niezbędną liczbą sprawdzonych rozszerzeń.

Projekt kilku pierwszych sekcji strony głównej metering.com.pl - widok na komputer oraz na urządzenie mobilne

Efekt końcowy

Dostarczyliśmy kompleksowe narzędzie sprzedażowe, które pozycjonuje METERING jako nowoczesnego partnera dla samorządów. Po przeprowadzeniu testów i migracji treści, uruchomiliśmy serwis na docelowym serwerze, zapewniając pełną opiekę powdrożeniową.

Widok sekcji hero oraz początek sekcji oferty na stronie głównej metering.com.pl - widok na komputer

Ustrukturyzowana oferta produktowa i usługowa

Na etapie warsztatów projektowych, wspólnie z METERING przygotowaliśmy ustrukturyzowaną ofertę produktową i usługą, którą przedstawiliśmy na stronie w formie dużych i czytelnych kafelków z jasnym podziałem na produkty oraz usługi wraz z dedykowanymi ikonkami.

Projekt sekcji ofertowej wraz z dedykowanymi ikonkami produktów i usług na stronie internetowej metering.com.pl

Optymalizacja konwersji:  Lead Generation B2B

METERING oferuje zaawansowane rozwiązania technologiczne, które wymagają merytorycznego wsparcia na etapie podejmowania decyzji. Rozumiejąc specyfikę grupy docelowej (sektor publiczny i jednostki samorządowe), postawiliśmy na model sprzedaży oparty na budowaniu bezpośrednich relacji i edukacji klienta.

Główny cel konwersji: „Umów prezentację”. Zamiast standardowego formularza kontaktowego, wdrożyliśmy dedykowany mechanizm Call to Action (CTA): „Umów prezentację”.

Skuteczność: Rozwiązanie to pozwala potencjalnemu klientowi na szybkie pozostawienie danych, inicjując profesjonalny proces doradczy.
Proces: Po wysłaniu zgłoszenia, system automatycznie powiadamia zespół METERING, co skraca czas reakcji i pozwala na sprawne umówienie spotkania technicznego.
UX (User Experience): Formularz został zaprojektowany tak, aby był maksymalnie prosty, a jednocześnie zbierał kluczowe informacje niezbędne do przygotowania spersonalizowanej oferty.

Dzięki takiemu podejściu strona internetowa przestała być jedynie wizytówką, a stała się aktywnym narzędziem wspierającym dział handlowy w pozyskiwaniu wartościowych leadów B2B.

Element optymalizacji konwersji: lead generation w B2B - przycisk przekierowujący do formularza z zapisem na prezentację rozwiązań METERING

Projekt formularza lead generation B2B na stronie internetowej METERING – widok w wersji na komputer oraz telefon

Centrum aktualności metering

Dla firmy METERING strona internetowa to kluczowe narzędzie komunikacji bieżących działań, dlatego zaprojektowaliśmy i wdrożyliśmy dwa dedykowane moduły wspierające budowanie wizerunku eksperta:

Interaktywny moduł „Ostatnie aktualności”: Stworzyliśmy przejrzysty system blogowy/aktualności, który pozwala na szybkie publikowanie relacji z targów (np. WOD-KAN w Bydgoszczy) oraz informacji o zakończonych realizacjach i cyfryzacji sieci w gminach. Każdy wpis jest kategoryzowany, co wspiera pozycjonowanie na frazy długiego ogona (long-tail).
Sekcja „Spotkajmy się” – kalendarz wydarzeń: Z uwagi na dużą aktywność firmy w terenie, zaprojektowaliśmy dedykowany moduł nadchodzących okazji do spotkań. Pozwala on użytkownikom śledzić udział zespołu METERING w targach oraz dniach otwartych (np. cykl „Cyfrowy Przepływ”). Dodatkowo użytkownik może w szybki sposób dodać interesujące go wydarzenie do swojego kalendarza.

Dzięki tym funkcjonalnościom, strona internetowa stała się dla METERING dynamiczną platformą, która w czasie rzeczywistym informuje o skali działalności firmy i umacnia jej pozycję lidera w branży WOD-KAN.

Projekt sekcji aktualności oraz najbliższych wydarzeń z udziałem zespołu METERING - widok na komputer oraz urządzenie mobilne

Projekt podstrony aktualności na stronie internetowej METERING - wersja na komputer oraz na telefon

Modułowy system budowania treści

W procesie wdrożenia WordPress dla METERING odeszliśmy od sztywnych, niemożliwych do edycji szablonów na rzecz pełnej elastyczności. Stworzyliśmy system modułowy, który pozwala zespołowi klienta samodzielnie składać wpisy i case studies z gotowych, spójnych wizualnie bloków.

Kluczowe moduły w rękach klienta:

Dynamiczne sekcje tekstowe: Nagłówki i akapity z pełną kontrolą nad hierarchią treści, co jest kluczowe dla optymalizacji SEO.
Boksy z danymi (Liczby): Moduły do prezentacji twardych wyników, np. „Zmniejszenie strat wody o 68%” czy „Redukcja kosztów operacyjnych o 32%”.
Bloki produktowe: Możliwość osadzenia konkretnych urządzeń wykorzystanych w danej realizacji bezpośrednio w treści artykułu.
Social Proof (Opinie): Dedykowana sekcja na referencje klientów, która buduje wiarygodność i autorytet marki.
Zarządzanie konwersją (CTA): Możliwość wstawienia bloku „Umów prezentację” w dowolnym miejscu wpisu, aby skrócić drogę do kontaktu.

Dzięki wykorzystaniu edytora blokowego, strona METERING stała się narzędziem, które żyje i skaluje się razem z firmą, bez konieczności angażowania programistów przy każdej nowej publikacji.