Projektowanie UI, odświeżenie treści, wizualna
rewitalizacja stron ofertowych

Klient

Motivation Direct

Rok

2024

Usługi

Branding
Visual Design
UI Design

On Line

Hero

Nagłówki ofert

Kiedy forma zaczyna dominować nad treścią

Motivation Direct to silna marka z rozpoznawalną identyfikacją. Pracując nad stronami ofertowymi dla tej firmy, kluczowym wyzwaniem okazała się intensywna kolorystyka brandu – efektowna w druku, zbyt dominująca w środowisku cyfrowym.W projekcie skupiłem się na złagodzeniu odbioru, wprowadzeniu przejrzystości i znalezieniu wizualnego balansu. Moim celem było takie uporządkowanie treści i warstwy graficznej, by użytkownik mógł łatwo zrozumieć ofertę – bez przytłoczenia, bez chaosu, bez nadmiaru.

Moje działania

Analiza treści i UX

Projekt rozpocząłem od dokładnej analizy struktury treści. Zidentyfikowałem obszary wymagające uproszczenia, przeorganizowania lub podziału na bloki tematyczne. Zaproponowałem zmiany układu stron, które poprawiły skanowalność treści i skupiły uwagę użytkowników na kluczowych korzyściach oferty. Szczególny nacisk położyłem na optymalizację doświadczenia użytkownika, dostosowując układ do oczekiwań grupy docelowej z sektora B2B.

Projekt interfejsu

Stworzyłem kompletny projekt UI dla całej serii stron ofertowych. Kluczowym celem było nadanie całości nowoczesnego i spójnego charakteru wizualnego przy jednoczesnym zachowaniu przejrzystości. Postawiłem na modułowy układ sekcji, wyraźne podziały funkcjonalne i dużą ilość „powietrza” wokół treści, co podkreśliło ważne elementy, takie jak CTA i główne punkty oferty. Dodatkowo zastosowałem prostą, czytelną ikonografię, która wspierała zrozumienie złożonych produktów i usług.

Korekta kolorystyki

Jednym z głównych wyzwań była specyficzna kolorystyka brandowa – intensywne kolory wymagały złagodzenia, aby nie przytłaczać użytkownika. Zaproponowałem zastosowanie przeźroczystości w tłach i overlayach, budowanie kontrastów poprzez cienie oraz delikatne gradienty. Dzięki temu udało się stworzyć wizualnie lekkie, a jednocześnie spójne z brandem layouty. Ikony i symbole pełniły dodatkową rolę „wzmacniaczy” wizualnych, co pozytywnie wpłynęło na czytelność stron.