™ Глянець, студія веб-дизайну — Strona promocyjna PROFINVEST_0
Wstecz

Strona promocyjna PROFINVEST

™ Глянець, студія веб-дизайну — Strona promocyjna PROFINVEST_1
™ Глянець, студія веб-дизайну — Strona promocyjna PROFINVEST_2

PROFINVEST: hybrydowa platforma B2B łącząca rozwiązania inżynieryjne i e-commerce

Firma PROFINVEST działa w dwóch obszarach: dostawie złożonych systemów aluminiowych (dla architektów i deweloperów) oraz sprzedaży komponentów (dla producentów i instalatorów). Naszym zadaniem było stworzenie jednego zasobu, który przede wszystkim pracowałby nad wizerunkiem partnera inżynieryjnego, ale jednocześnie stanowiłby wygodne narzędzie do szybkich zakupów okuć online.
Stworzyliśmy platformę opartą na CMS Drupal, gdzie prezentacja firmy i sklep internetowy harmonijnie współistnieją, nie kolidując ze sobą.

Wyzwanie nr 1: separacja wizualna i priorytet marki korporacyjnej

Głównym problemem było zadbanie o to, aby strona internetowa nie przekształciła się w zwykły sklep. Miało to wyglądać jak drogie, technologiczne narzędzie dla profesjonalistów, gdzie sklep jest jedynie narzędziem pomocniczym.
Naszym rozwiązaniem jest architektura interfejsu:
– Strefowanie ekranu głównego: zrezygnowaliśmy ze standardowych banerów. Zamiast tego wdrożyliśmy interaktywny schemat: centralna, największa strefa została przeznaczona dla działu inżynieryjnego „Systemy profili” (część korporacyjna), a po prawej stronie znajduje się pionowy panel boczny „Sprzęt” (wejście do sklepu). To natychmiast rozprasza przepływ odwiedzających.
– Projekt zaufania: minimalistyczny styl, wysokiej jakości typografia i nacisk na zdjęcia zrealizowanych obiektów budują wizerunek wiarygodnego partnera B2B, a nie zwykłego sprzedawcy.

Wyzwanie nr 2: nawigacja dla ekspertów i praca z danymi technicznymi

Odbiorcy strony – architekci i projektanci – potrzebują szybkiego dostępu do specyfikacji, rysunków i dokumentacji. Teksty marketingowe tutaj nie działają.
Naszym rozwiązaniem jest profesjonalna struktura danych:
– Segmentacja odbiorców: blok „Dla kogo odpowiednie są nasze systemy” pozwala każdemu specjaliście (od architekta po producenta okien) uzyskać istotne informacje techniczne jednym kliknięciem.
– Katalog inżynierski: karty systemowe zawierają nie tylko opis, ale także szczegółowe specyfikacje techniczne, galerie przekrojów i zespołów.
– Centrum dokumentacji: zintegrowaliśmy możliwość przeglądania i pobierania katalogów PDF bezpośrednio ze stron systemu, a także za pośrednictwem specjalnego widżetu „Katalogi”, który jest zawsze dostępny dla użytkownika.

Wyzwanie nr 3: wygodny sklep internetowy do zakupów

W sekcji „Sprzęt” i komponenty wymagana była zupełnie inna logika – szybkie wyszukiwanie, wybór i zamawianie. Złożoność inżynieryjna musiała tu ustąpić miejsca użyteczności.
Nasze rozwiązanie to pełna funkcjonalność sklepu:
Pomimo tego, że sklep jest częścią witryny korporacyjnej, posiada pełen zestaw funkcji zapewniających komfortowe zakupy:
– Specjalistyczne filtrowanie: wdrożono filtry według parametrów technicznych, które pozwalają kierownikom ds. zakupów szybko znaleźć kompatybilne komponenty (uchwyty, zawiasy, uszczelki).
– Pełny cykl zakupów: użytkownik może dodawać produkty do koszyka, składać zamówienia, wybierać metody dostawy i płatności, tak jak w tradycyjnym sklepie internetowym.
– Konto osobiste: dla stałych klientów dostępna jest historia zamówień oraz możliwość tworzenia list „ulubionych” do powtarzających się zakupów.

Rezultat: jeden ekosystem dla budownictwa

Strona internetowa PROFINVEST z powodzeniem rozwiązuje podwójne zadanie. Dla architekta jest to szczegółowa baza wiedzy i źródło inspiracji. Dla kierownika ds. zakupów jest to szybki i wygodny sklep. Dla biznesu jest to narzędzie zarządzane, które przekazuje wiedzę i generuje sprzedaż w dwóch kierunkach jednocześnie.

Co zrobiliśmy
™ Глянець, студія веб-дизайну — Strona promocyjna PROFINVEST_3
Interfejs użytkownika/UX, projekt
™ Глянець, студія веб-дизайну — Strona promocyjna PROFINVEST_4
Programowanie
™ Глянець, студія веб-дизайну — Strona promocyjna PROFINVEST_5
Układ
™ Глянець, студія веб-дизайну — Strona promocyjna PROFINVEST_6
Napełnianie
™ Глянець, студія веб-дизайну — Strona promocyjna PROFINVEST_7
Testowanie
™ Глянець, студія веб-дизайну — Strona promocyjna PROFINVEST_8
™ Глянець, студія веб-дизайну — Strona promocyjna PROFINVEST_9
™ Глянець, студія веб-дизайну — Strona promocyjna PROFINVEST_10
™ Глянець, студія веб-дизайну — Strona promocyjna PROFINVEST_11
™ Глянець, студія веб-дизайну — Strona promocyjna PROFINVEST_12
™ Глянець, студія веб-дизайну — Strona promocyjna PROFINVEST_13
™ Глянець, студія веб-дизайну — Strona promocyjna PROFINVEST_14
™ Глянець, студія веб-дизайну — Strona promocyjna PROFINVEST_15
™ Глянець, студія веб-дизайну — Strona promocyjna PROFINVEST_16
™ Глянець, студія веб-дизайну — Strona promocyjna PROFINVEST_17
™ Глянець, студія веб-дизайну — Strona promocyjna PROFINVEST_18
™ Глянець, студія веб-дизайну — Strona promocyjna PROFINVEST_19
™ Глянець, студія веб-дизайну — Strona promocyjna PROFINVEST_20
™ Глянець, студія веб-дизайну — Strona promocyjna PROFINVEST_21
™ Глянець, студія веб-дизайну — Strona promocyjna PROFINVEST_22
™ Глянець, студія веб-дизайну — Strona promocyjna PROFINVEST_23
™ Глянець, студія веб-дизайну — Strona promocyjna PROFINVEST_24
™ Глянець, студія веб-дизайну — Strona promocyjna PROFINVEST_25
™ Глянець, студія веб-дизайну — Strona promocyjna PROFINVEST_26
Czas poświęcony
™ Глянець, студія веб-дизайну — Strona promocyjna PROFINVEST_27
Strona promocyjna PROFINVEST On laptop
Strona promocyjna PROFINVEST On tablet
Strona główna
™ Глянець, студія веб-дизайну — Strona promocyjna PROFINVEST_28
Narzędzia i technologie
which we used to work on the site
Drupal 10
SASS
CSS3
HTML5
JavaScript
PhpStorm
PHP
MySQL
JQuery
AJAX
Symfony
Twig
Composer
Git
Figma
Adobe Photoshop
ChatGPT
Strona promocyjna PROFINVEST
Strony wewnętrzne
Menu dostępności
Ustawienia kontrastu
Rozmiar czcionki
Odstępy między literami
Wysokość linii
Obrazki
Chrzcielnica
Zresetuj ustawienia