Sprzedaż internetowa i detaliczna

Kalkulator rocznego zapotrzebowania na ciepło OZC

Interaktywny kalkulator OZC, który prowadzi użytkownika krok po kroku przez dane budynku, wspiera proces wizualizacjami 3D i kończy się czytelnym wynikiem: zapotrzebowaniem na ciepło oraz dedykowaną rekomendacją pomp ciepła dopasowanych do konkretnego przypadku.

ferrymanmockup 5 Squares Agencja UX Wrocław

Rok

2024-2026

Platforma

O projekcie

Kalkulator OZC został zaprojektowany jako narzędzie upraszczające jeden z najtrudniejszych etapów wyboru pompy ciepła portalu pompy.app: przełożenie danych o budynku na realne zapotrzebowanie na ciepło, a następnie na dobór urządzeń, które mają sens w danym scenariuszu. Z perspektywy użytkownika końcowego temat OZC bywa złożony, a w praktyce decyzje zakupowe często podejmowane są na bazie uproszczeń lub niepełnych informacji.

Celem było zbudowanie doświadczenia, które jest jednocześnie przystępne i wiarygodne. Użytkownik uzupełnia informacje w krótkich krokach, rozumie ich znaczenie dzięki podpowiedziom i wizualizacjom, a na końcu dostaje nie tylko wynik liczbowy, ale też jasną odpowiedź „co dalej” w postaci rekomendacji urządzeń.

OZC wymaga zebrania danych, których użytkownik często nie ma „w głowie” i nie zawsze rozumie, dlaczego są ważne. Zbyt techniczny język lub zbyt duża liczba pól w jednym miejscu prowadzą do porzuceń. Jednocześnie wynik musi być na tyle uporządkowany, aby dało się na jego podstawie wiarygodnie dopasować rozwiązania grzewcze.

Drugim wyzwaniem było utrzymanie wysokiej użyteczności na urządzeniach mobilnych. Proces powinien być krótki, przewidywalny i zrozumiały, z jasnym poczuciem postępu oraz możliwością cofnięcia się i korekty danych bez frustracji.

Rozwiązanie

467 1 Squares Agencja UX Wrocław

Kalkulator został ułożony jako przejrzysta, wieloetapowa ścieżka, w której użytkownik krok po kroku wprowadza informacje o budynku, przegrodach zewnętrznych, przeszkleniach i instalacjach. Każdy etap ogranicza liczbę decyzji do minimum, a język i mikrocopy prowadzą użytkownika tak, aby rozumiał, co wpisuje i jaki wpływ ma to na wynik.

Istotnym elementem doświadczenia są wizualizacje budynków 3D, które pomagają „zobaczyć” parametry w praktyce. Modele 3D wspierają zrozumienie takich kwestii jak liczba kondygnacji, poddasze użytkowe czy specyfika instalacji. Dzięki temu proces staje się bardziej intuicyjny, a użytkownik ma większe poczucie, że kalkulator realnie odzwierciedla jego przypadek, a nie tylko zbiera przypadkowe liczby.

468 1 Squares Agencja UX Wrocław

Na końcu ścieżki prezentowane jest podsumowanie budynku oraz wynik obliczeń w postaci zapotrzebowania na ciepło. Co kluczowe, wynik nie kończy się „samą liczbą” – użytkownik otrzymuje także dedykowaną listę rekomendowanych pomp ciepła, dobranych do wprowadzonych danych i założeń. Dzięki temu kalkulator pełni funkcję praktycznego przewodnika: prowadzi od danych wejściowych do konkretnego, zrozumiałego wyboru.

465 3 Squares Agencja UX Wrocław
450 Squares Agencja UX Wrocław

Zestaw wizualizacji 3D

Na potrzeby kalkulatora przygotowano dedykowany zestaw wizualizacji 3D, które przedstawiają kluczowe elementy budynku i instalacji w uproszczonej, neutralnej formie. Rendery obejmują m.in. bryłę budynku, kondygnacje, przegrody, okna, drzwi oraz wybrane elementy systemów grzewczych i wentylacyjnych.

Wizualizacje pełnią rolę nie tylko estetyczną, ale przede wszystkim funkcjonalną. Ich zadaniem jest ułatwienie zrozumienia pojęć, które dla wielu użytkowników są abstrakcyjne lub trudne do wyobrażenia na podstawie samego tekstu. Dzięki renderom użytkownik szybciej identyfikuje, o jaki element budynku chodzi w danym kroku i jakie dane są od niego oczekiwane.

Jednocześnie zastosowana stylistyka jest celowo uproszczona i uniwersalna, tak aby wizualizacje mogły reprezentować różne typy budynków i scenariuszy bez nadmiernej personalizacji. Pozwala to zachować spójność interfejsu oraz skupić uwagę użytkownika na procesie i decyzjach, a nie na detalach graficznych.

471 1 Squares Agencja UX Wrocław

Klikalny prototyp i iteracje

Równolegle przygotowano klikalny prototyp, który umożliwił szybkie przetestowanie logiki kroków, kolejności pytań oraz sposobu prezentacji wyniku. Pozwoliło to zweryfikować czytelność procesu i wychwycić miejsca, w których użytkownicy mogliby się zatrzymywać, zanim powstała docelowa wersja narzędzia.

Takie podejście skróciło czas iteracji i pozwoliło dopracować UX w oparciu o realne zachowania użytkowników, zamiast opierać się wyłącznie na założeniach projektowych.

Kalkulator OZC rozwiązuje jednocześnie problem informacyjny i decyzyjny. Z jednej strony ułatwia użytkownikowi zrozumienie tematu i zebranie właściwych danych w uporządkowanej formie. Z drugiej strony przekłada wynik obliczeń na konkretne rekomendacje produktowe, skracając drogę od zainteresowania do wyboru rozwiązania.

463 Squares Agencja UX Wrocław

W Pompy.app powstał kalkulator OZC zaprojektowany jako prosty w użyciu proces krokowy, wspierany wizualizacjami 3D i zakończony czytelnym wynikiem wraz z dedykowaną rekomendacją pomp ciepła. Dodatkowo zastosowano podejście prototypowe, dzięki któremu logika i UX ścieżki zostały dopracowane jeszcze przed finalnym wdrożeniem.

Wybrane realizacje
Zobacz więcej

Audyt sklepu internetowego z artykułami sportowymi Pesport

Audyt UX dla sklepu internetowego PESPORT, specjalizującego się w sprzęcie sportowym, ujawnił kluczowe usprawnienia w zakresie nawigacji i interakcji użytkowników, a szczegółowy raport z rekomendacjami posłużył do lepszego dostosowania funkcjonalności strony i zwiększenia satysfakcji klientów.

Ten Tenis

Portal łączący ofertę szkółek tenisowych i wyjazdów dla dzieci

Jesteśmy gotowi pomóc przy Twoim projekcie!

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

Darmowa Konsultacja