UX • UI • Website • Social System

RECONTRA

Strona i system komunikacji w social media. Priorytet: „Dołącz do nas”.

Zobacz live Zobacz proces Zobacz rezultat

Skrót

Problem: Organizacja potrzebowała nowoczesnej, czytelnej komunikacji i jasnej ścieżki „Dołącz do nas”.

Cel: Uporządkować przekaz i ułatwić użytkownikowi zrozumienie oraz podjęcie działania.

Moja rola: UX/UI + mini system treści i grafik do social media.

Efekt: Wersja 2 bardziej intuicyjna i spójna w odbiorze.

O projekcie

Zaprojektowałam stronę RECONTRA oraz mini system treści i grafik do social media.

Kluczowym celem było poprowadzenie użytkownika do działania, szczególnie do sekcji „Dołącz do nas”.

Firma

RECONTRA to organizacja, dla której liczy się jasny przekaz i zaufanie.

Strona miała porządkować informacje i wzmacniać spójność komunikacji.

Moja rola

struktura nawigacji i ścieżek użytkownika

copy i hierarchia treści

UX/UI design (responsive)

zaprojektowanie sekcji „Dołącz do nas”

mini system materiałów do social media

Cel

Użytkownik ma szybko zrozumieć „kim jesteśmy” i łatwo przejść do działania.

przejrzyste sekcje: O nas / Benefity / Dołącz do nas / Kontakt

mocne CTA „Dołącz do nas”

spójność WWW i SM

Dlaczego

Gdy przekaz jest nieczytelny, użytkownik odpada.

W tym typie projektu liczy się prostota i szybkie „co dalej”.

Wyzwania

powaga tematu vs nowoczesna forma

uproszczenie treści bez spłycenia

„Dołącz do nas” jako ścieżka priorytetowa

spójny system komunikacji w social media

Proces

Najpierw ułożyłam strukturę informacji i priorytety ścieżek.

Potem dopracowałam UI i rytm treści.

UX wygrywa nawigacją i hierarchią, nie ozdobnikami.

Użytkownicy

Osoba rozważająca dołączenie: chce zrozumieć sens i sposób dołączenia bez szukania.

Osoba szukająca kontaktu: chce szybko znaleźć konkret i dane kontaktowe.

Insighty

użytkownik potrzebuje jasnych ścieżek: poznaj → zrozum → dołącz/kontakt

najlepiej działają krótkie komunikaty + konkretne benefity

CTA „Dołącz do nas” musi być widoczne i oczywiste

Eksploracja

Sprawdzałam różne poziomy „emocji” w copy i różne układy hero.

Został styl krótki, stanowczy i czytelny.

Warianty

W v2 poprawiłam intuicyjność i przejrzystość.

lepsza hierarchia i rytm treści

wyraźniejsze priorytety w nawigacji

bardziej dopracowany UI

Cytaty + obserwacje

“Druga wersja jest sztos.”

Obserwacja: Po iteracji strona prowadzi szybciej do „Dołącz do nas” i jest łatwiejsza w skanowaniu.

Rezultat

wyraźna ścieżka „Dołącz do nas”

lepsza czytelność i intuicyjność w v2

gotowy mini system komunikacji w SM

Zakres

IAcopyUX/UIścieżka „Dołącz”materiały i formaty SM