UX • UI • Website • B2B • PL/EN

Engineering Consulting

Pierwsza strona firmy B2B, która od razu tłumaczy ofertę i prowadzi do bezpośredniego kontaktu.

Zobacz live Zobacz proces Zobacz rezultat

Skrót

Problem: Firma nie miała strony, a odbiorcy B2B nie mieli jak szybko zweryfikować oferty i kompetencji.

Cel: Zbudować wiarygodność i poprowadzić użytkownika do bezpośredniego kontaktu (bez formularza).

Moja rola: UX/UI, architektura informacji, copy, UI, iteracja v1→v2, PL/EN.

Efekt: Bardzo mocny feedback + zapytania „kto wykonał stronę”.

O projekcie

Zaprojektowałam pierwszą stronę WWW dla firmy B2B w przemyśle.

Priorytetem była klarowność oferty i szybka ścieżka do kontaktu.

Projekt zakończył się iteracją v2, która podniosła odczuwaną jakość i czytelność.

Firma

Engineering Consulting wspiera firmy przemysłowe w doborze podwykonawców i obszarach jakościowych.

Komunikacja musiała być konkretna i wiarygodna.

Moja rola

architektura informacji (IA) i układ sekcji

hierarchia treści + copy pod B2B

projekt UI (responsive)

wersja PL/EN

iteracja v1→v2

przygotowanie materiałów pod wdrożenie

Cel

Strona ma w kilka sekund tłumaczyć „co robimy” i prowadzić do kontaktu.

mocny hero + jasne filary kompetencji

szybkie budowanie zaufania (wyróżniki / statystyki / proof)

kontakt bez tarcia (bez formularza)

Dlaczego

W B2B strona jest etapem weryfikacji.

Bez niej firma traciła część zapytań już na starcie, bo użytkownik nie miał gdzie sprawdzić oferty i wiarygodności.

Wyzwania

start od zera: brak wcześniejszej struktury i wzorca komunikacji

odbiorca B2B skanuje, nie czyta długich bloków

konieczność pokazania kompetencji szybko i bez przesady

preferencja klienta: kontakt bez formularza

Proces

Najpierw ułożyłam strukturę informacji i komunikat, potem dopracowałam UI i jakość odbioru.

W projektach B2B hierarchia i pierwsze wrażenie budują zaufanie szybciej niż ilość treści.

Użytkownicy

Decydent operacyjny (procurement/PM/quality): chce szybko ocenić kompetencje i ryzyko. Nie lubi ogólników.

Partner/podwykonawca: szuka jasnego profilu firmy i obszarów współpracy.

Insighty

hero musi od razu mówić „co robimy”

proof powinien być widoczny wcześnie

CTA do kontaktu musi być stale dostępne

dopracowane UI zwiększa wiarygodność (perceived quality)

Eksploracja

Testowałam różne układy hero i sposoby podania kompetencji.

Najlepiej działały krótkie etykiety/obszary + mocna typografia zamiast długich opisów.

Warianty

Wersja 1 była poprawna funkcjonalnie.

Wersja 2 dopracowała przejrzystość i nowoczesność.

lepszy rytm i hierarchia wizualna

nowoczesne animacje/mikrointerakcje

szybsze skanowanie sekcji

Cytaty + obserwacje

“Strona jest genialna.”

“Pytają, kto ją robił.”

Obserwacja: Iteracja v2 realnie podniosła odczuwalną jakość i wzmocniła zaufanie.

Rezultat

świetny feedback jakościowy

zapytania o wykonawcę strony

klarowna ścieżka do kontaktu bez formularza

szybkie zrozumienie oferty w hero

Zakres

IAcopyUI (responsive)PL/ENiteracja v1→v2przygotowanie assetów