NDP Profil: strona, która prowadzi od katalogu produktów do zapytania ofertowego

Produkty NDP Profil obejmują wiele zastosowań – od profili ściennych i sufitowych po łączniki, wkręty i narożniki. Celem projektu było uporządkowane przedstawienie tej oferty w katalogu i wizualne pokazanie, jak produkty są stosowane.

Zaprojektowaliśmy doświadczenie zarówno dla osób, które chcą poznać firmę, jak i dla użytkowników szukających konkretnego produktu, wymiaru lub ilości materiału.

Stronę zbudowaliśmy wokół trzech zadań: znalezienia produktu, zrozumienia jego danych technicznych i wysłania listy potrzeb do działu sprzedaży. Grupy produktów na stronie głównej, katalog, karty produktów i kalkulatory tworzą sekcje wspierające ten proces.

Prezentacja firmy obejmuje zakłady produkcyjne, marki i historię, a wyszukiwanie produktów i zapytania ofertowe pozostają widoczne na każdym etapie. Historia firmy i praca z produktem spotykają się na jednej stronie.

Katalog podzieliliśmy na pięć głównych grup: profile ścienne, profile sufitowe, łączniki, śruby i wkręty oraz narożniki. Wszystkie 29 produktów mieści się w tej strukturze, a przeglądanie według grup i wyszukiwarka są wbudowane w katalog.

Karty produktów pokazują razem nazwę, kod i kategorię. Strony produktów łączą zdjęcia, informacje o materiale i wymiary z linkami do zapytania ofertowego i WhatsAppa.

Jedną z funkcjonalnych sekcji strony jest kalkulator dla czterech systemów: ścian działowych z płyt g-k, sufitów podwieszanych z płyt g-k, sufitów T24 i sufitów clip-in.

Po wpisaniu wymiarów i wybraniu opcji użytkownik widzi orientacyjną listę materiałów. Wynik zestawia profile, mocowania i materiały uzupełniające; można go przenieść do zapytania ofertowego, udostępnić w WhatsAppie, skopiować lub wydrukować.

Wyniki opisaliśmy jako orientacyjne ilości do wstępnej wyceny – dzięki temu przejście od poszukiwania produktu do listy potrzeb stało się częścią strony.

Aby wesprzeć informacje techniczne, dodaliśmy przeglądarkę przekrojów profili i interaktywny schemat elementów ściany z płyt g-k. Przeglądarka pozwala porównywać profile i przejść do strony produktu.

Sekcja anatomii ściany pokazuje, jak poszczególne elementy odpowiadają produktom. Wyjaśniając, gdzie w systemie znajdują się profile, wkręty i elementy uzupełniające, łączy katalog z wiedzą o montażu.

Interfejs wykorzystuje czerwień, antracyt i jasne tony marki, duże nagłówki, zdjęcia z produkcji i rysunki techniczne. Strona główna, katalog i kalkulatory mówią jednym językiem wizualnym.

Na komputerze i telefonie menu, przeglądanie produktów i kontakt są dopasowane do ekranu. W sekcjach z dużą ilością informacji, takich jak karta produktu czy kalkulator, zadbaliśmy, by treść dało się śledzić krok po kroku.

Dla NDP Profil zbudowaliśmy stronę, która prezentuje 29 produktów w pięciu grupach i łączy karty produktów, kalkulatory dla czterech systemów oraz wizualne przewodniki montażowe.

Poznanie firmy, wyszukiwanie produktów, szacowanie materiałów i zapytanie ofertowe są zebrane na jednej stronie. To case study obejmuje projekt strony i jej zakres funkcjonalny.