Sprzedaż internetowa i detaliczna

Serwis tematyczny pompy.app

Kompleksowe zaprojektowanie i wdrożenie platformy webowej do porównywania pomp ciepła - od warsztatów produktowych, przez UX/UI i design system, po implementację front-end, back-end oraz integrację z systemem CMS.

pompy ciepla pompy.app Squares Agencja UX Wrocław

Technologie

Headless CMSProduct DesignProduct discoveryWeb

Rok

2024-2026

Platforma

O projekcie

Projekt Pompy.app powstał jako odpowiedź na rozproszenie informacji o pompach ciepła i trudność w samodzielnym porównywaniu modeli. Zakres prac obejmował zebranie i uporządkowanie danych technicznych w jednym miejscu oraz zaprojektowanie doświadczenia, które upraszcza wybór urządzenia na podstawie kluczowych parametrów (m.in. COP/SCOP, moc, zużycie energii, cena, czynnik chłodniczy).

W ramach realizacji stworzono centralną bazę wiedzy oraz narzędzia wspierające dobór: filtrowanie, rankingi i porównywarkę. Dodatkowo zaprojektowano mechanizm generowania leadów, który zbiera od użytkowników komplet informacji o potrzebach i konwertuje zaangażowanie w konkretne zapytania ofertowe. Całość przygotowano w sposób skalowalny, umożliwiający dalszą rozbudowę o nowe dane i funkcjonalności.

Przed rozpoczęciem prac rynek pomp ciepła charakteryzował się rozproszoną informacją – dane o produktach znajdowały się na stronach różnych producentów i w katalogach branżowych. Potencjalni nabywcy mieli trudność z porównaniem kluczowych parametrów pomp (moc, COP/SCOP, ceny itp.) między markami, brakowało też niezależnego źródła, które obiektywnie zebrałoby te informacje.

Klient zgłosił się do nas z pomysłem rozwiązania tego problemu, dysponując obszernym arkuszem danych zawierającym bazę danych pomp ciepła. Baza wymagała gruntownego ujednolicenia – stanowiła jednak punkt wyjściowy do stworzenia centralnej platformy. Głównym wyzwaniem było więc przekształcenie surowych, niezharmonizowanych danych w spójny, skalowalny system porównywarki. Równolegle należało zaprojektować od podstaw cały produkt – tak, aby z jednej strony był przyjazny dla użytkowników poszukujących optymalnej pompy, a z drugiej generował wartościowe kontakty biznesowe (zapytania ofertowe) dla firm instalacyjnych.

Proces

process 2 Squares Agencja UX Wrocław

Do projektu podeszliśmy kompleksowo, realizując pełen proces wytwórczy o charakterze product design. Na początku fazy Discovery przeprowadziliśmy stacjonarne warsztaty produktowe z klientem, w tym sesje Event Storming, które pomogły zmapować procesy biznesowe i zrozumieć specyfikę branży HVAC. Zdefiniowaliśmy persony użytkowników (np. właściciel domu szukający pompy ciepła, instalator B2B) oraz opracowaliśmy architekturę informacji serwisu, aby zaplanować intuicyjną nawigację w aplikacji. Następnie nasz zespół przygotował kompletne projekty UX/UI – od szkiców ekranów (wireframes) po interaktywne prototypy hi-fi – kładąc nacisk na czytelność prezentacji danych technicznych oraz łatwość porównywania wielu parametrów.

Równolegle stworzyliśmy design system, definiując spójną stylistykę interfejsu (kolory, typografia, komponenty UI), co zapewniło jednolity wygląd aplikacji i ułatwi przyszłą rozbudowę. Po akceptacji projektów przystąpiliśmy do implementacji – obejmującej zarówno frontend, jak i backend całego ekosystemu. Architektura rozwiązania od początku została zaprojektowana pod kątem skalowalności i dalszego rozwoju, z wydzielonymi modułami odpowiedzialnymi za poszczególne funkcje.

Rozwiązanie

pompy ciepla portal Squares Agencja UX Wrocław

W odpowiedzi na założone cele zbudowaliśmy kompletną platformę Pompy.app, skupiającą w sobie bogatą bazę danych, intuicyjne narzędzia porównawcze oraz zaplecze do generowania i obsługi leadów. Kluczowe elementy rozwiązania to:

Obszerna baza danych produktów

Pomogliśmy zaimportować i uporządkować informacje o ponad 600 modelach pomp ciepła (powietrznych, o mocach od 3 do 20 kW), a liczba ta stale rośnie wraz z rozwojem rynku pompy.app. Dla każdego modelu przechowywanych jest ponad 150 parametrów technicznych – od współczynników efektywności (SCOP/COP) przez zużycie energii po ceny katalogowe i opcje montażu. Wszystkie te dane użytkownik ma na wyciągnięcie ręki w czytelnej formie. Baza danych została tak zaprojektowana, by możliwe było sukcesywne dodawanie kolejnych rekordów (obecnie łączna liczba pojedynczych danych sięga dziesiątek tysięcy) bez utraty wydajności.

458 Squares Agencja UX Wrocław
design system porownywarka produktow Squares Agencja UX Wrocław

Filtrowanie i rankingi

Wdrożyliśmy zaawansowane filtry, które pozwalają użytkownikom zawęzić listę dostępnych pomp według najważniejszych kryteriów, takich jak moc grzewcza, typ (split/monoblok), marka, czynnik chłodniczy czy przedział cenowy. Dodatkowo serwis oferuje predefiniowane rankingi – np. listy topowych pomp w danej kategorii – które ułatwiają mniej doświadczonym osobom szybkie zorientowanie się w polecanych opcjach. Użytkownik może jednym kliknięciem przejść do rankingu interesujących go urządzeń lub sortować wyniki według wybranego parametru, co znacznie skraca drogę do znalezienia odpowiedniego modelu.

453 Squares Agencja UX Wrocław
414 Squares Agencja UX Wrocław

Porównywarka produktów

Kluczową funkcją Pompy.app jest moduł porównywania, który umożliwia wybranie kilku dowolnych modeli pomp i zestawienie ich specyfikacji obok siebie. Dzięki temu nawet bardzo techniczne szczegóły stają się zrozumiałe – różnice w efektywności, głośności, kosztach czy warunkach gwarancji można łatwo wychwycić na jednym ekranie. Porównywarka działa dynamicznie: użytkownik dodaje produkty do porównania, a serwis prezentuje tabelaryczne zestawienie wszystkich istotnych cech. Ta funkcja znacząco wspiera świadome decyzje zakupowe, pozwalając porównać „jabłka z jabłkami” w świecie pomp ciepła.

460 Squares Agencja UX Wrocław

Panel zarządzania treścią i danymi

Dla administratorów serwisu przygotowaliśmy wygodny panel CMS oraz dashboard operacyjny. Wykorzystaliśmy headless CMS połączony z bazą PostgreSQL, co umożliwia zespołowi Pompy.app łatwe dodawanie i edycję danych o produktach oraz publikowanie treści (np. poradników) bez konieczności ingerencji deweloperskiej. Panel zarządzania zawiera również dedykowany dashboard, na którym wyświetlane są kluczowe wskaźniki operacyjne – m.in. liczba nowych leadów, najczęściej oglądane modele, statystyki porównywań czy skuteczność rankingu. Dzięki temu nasz klient ma na bieżąco wgląd w funkcjonowanie platformy i może podejmować decyzje biznesowe w oparciu o realne dane.

439 1 Squares Agencja UX Wrocław

Mechanizm generowania leadów

Aby przekuć zainteresowanie użytkowników w realne kontakty biznesowe, w platformę wbudowaliśmy przyjazny proces lead capture. Na każdym etapie – czy to przeglądając ranking, czy konkretny model – użytkownik ma możliwość wypełnienia krótkiego formularza zapytania ofertowego (“Bezpłatna konsultacja” lub “Zapytaj o ofertę”).

Formularz zbiera podstawowe dane kontaktowe oraz kluczowe informacje o potrzebach klienta (np. rodzaj budynku, zapotrzebowanie na moc, lokalizacja), dzięki czemu zespół Pompy.app lub partnerzy instalacyjni otrzymują skonkretyzowane zapytanie. Zapytania te są następnie automatycznie kierowane (routing) do odpowiednich ekspertów – np. regionalnego doradcy lub instalatora współpracującego – co zapewnia szybki kontakt zwrotny. Cały proces jest zautomatyzowany i zintegrowany z bazą danych, dzięki czemu lead trafia do właściwej osoby wraz z kontekstem (informacjami technicznymi podanymi przez użytkownika).

457 Squares Agencja UX Wrocław
471 Squares Agencja UX Wrocław
458 1 Squares Agencja UX Wrocław
439 Squares Agencja UX Wrocław

Kładliśmy duży nacisk na podejście produktowe i długofalową wizję rozwoju. Zaprojektowana architektura jest modułowa i przygotowana na rozbudowę o kolejne funkcjonalności oraz integracje. Przykładowo, w planach uwzględniano dodanie nowych kategorii urządzeń, co jest możliwe bez przebudowy istniejącego systemu.

Projekt Pompy.app został zrealizowany zgodnie z założeniami, dostarczając użytkownikom obiektywną platformę wyboru, a jednocześnie stanowiąc dla klienta solidną podstawę do dalszego rozwoju produktu – bez skupiania się na doraźnych wynikach sprzedażowych, lecz budując wartość w postaci zaangażowanej bazy potencjalnych klientów.

Wybrane realizacje
Zobacz więcej

Chatbot Fitness + Prose Captain

Integracja autorskiego asystenta AI Prose Captain w aplikacji mobilnej Daily Effect pozwoliła udostępnić użytkownikom natychmiastowe wsparcie w obszarach treningu, diety i obsługi aplikacji — w oparciu o firmową bazę wiedzy oraz dane produktowe, bez angażowania zespołu supportu w powtarzalne pytania.

Audyt strony internetowej firmy szkoleniowej Inprogress

Audyt UX dla czołowej polskiej firmy szkoleniowej z branży IT, obejmujący analizę konwersji, lejków sprzedażowych, dostępności oraz architektury informacji, dostarczył kluczowych wniosków i rekomendacji stanowiących podstawę do optymalizacji doświadczenia użytkownika i zwiększenia efektywności biznesowej strony.

Jesteśmy gotowi pomóc przy Twoim projekcie!

Skontaktuj się z nami, a nasz ekspert odpowie w ciągu kilku godzin.

Darmowa Konsultacja