Nie chodziło o robienie rewolucji wizualnej.
Chodziło o to, żeby w końcu było jasno, czytelnie i logicznie.
Co nie działało wcześniej
Strona miała potencjał, ale korzystanie z niej wymagało wysiłku.
Treści było dużo, ale trudno było szybko zrozumieć:
- czym dokładnie zajmuje się platforma
- gdzie znaleźć konkretne podcasty
- jak wygląda proces licencjonowania
Użytkownik musiał się domyślać, a tego bardzo chciałam uniknąć.
Od początku założyłam, że:
jeśli ktoś musi się zatrzymać i zastanawiać, gdzie kliknąć, to znaczy, że coś jest nie tak.
Porządkowanie nawigacji
Zaczęłam od menu, bo to ono ustawia cały odbiór strony.
Menu zostało uproszczone i ograniczone do najważniejszych sekcji:
- Home
- About
- Licensor
- Podcast Portfolio
- Personal Area
- Contact
Bez zbędnych nazw i ukrytych podstron. Chciałam, żeby użytkownik od razu wiedział, czy jest tu jako twórca, czy jako ktoś zainteresowany licencją.
Stopka została rozbudowana, ale w sensowny sposób.
Dodałam mapę strony i formularz kontaktowy, żeby nie trzeba było szukać podstawowych informacji po całym serwisie.
Układ treści, który w końcu oddycha
Jednym z większych problemów była ciasnota. Za dużo informacji podanych na raz.
Dlatego:
- zwiększyłam odstępy między sekcjami
- wyraźnie oddzieliłam bloki treści
- ustawiłam hierarchię tak, żeby najważniejsze rzeczy były widoczne od razu
Strona stała się spokojniejsza. Czyta się ją szybciej i bez zmęczenia.
Kolory, które wspierają markę, a nie ją zagłuszają
Kolor pomarańczowy był już częścią identyfikacji i nie chciałam go usuwać. Zamiast tego zrobiłam z niego akcent, a nie główny temat strony.
Pomarańczowy pojawia się tam, gdzie trzeba coś podkreślić.
Reszta opiera się na jasnym, neutralnym tle, które:
- poprawia czytelność tekstu
- sprawia, że całość wygląda nowocześniej i lżej
W wybranych sekcjach, jak marketplace podcastów, pojawiają się ciemniejsze tła. Dzięki temu kluczowe informacje są bardziej widoczne i łatwiej się na nich skupić.
Typografia i hierarchia informacji
Tutaj postawiłam na prostotę.
Nagłówki są większe i wyraźniejsze.
Teksty są czytelne i nie przytłaczają ilością treści naraz.
Najpierw widzisz to, co najważniejsze.
Dopiero potem możesz wejść w szczegóły, jeśli chcesz.
To bardzo zmienia sposób odbioru strony.
Wizualne podkreślenie tematu podcastów
Od pierwszych sekund ma być jasne, z czym mamy do czynienia.
Dlatego pojawiają się:
- zdjęcia i grafiki związane z dźwiękiem
- mikrofony, słuchawki, winyle
- delikatne akcenty graficzne nawiązujące do fal dźwiękowych
Nie są nachalne, ale od razu budują klimat i pomagają zrozumieć, czym jest platforma.
Strona pojedynczego podcastu
Każdy podcast dostał swoją uporządkowaną stronę.
Na samej górze:
- miniatura podcastu
- krótki opis
Niżej:
- lista odcinków, po której łatwo się poruszać
- sekcja dotycząca licencjonowania, dla osób zainteresowanych prawami do treści
- możliwość pobrania dokumentów
Wszystko jest pod ręką, bez klikania po kilku podstronach.
Stopka, która faktycznie coś daje
Nowa stopka to nie jest tylko formalność na dole strony.
Zawiera:
- formularz kontaktowy
- mapę strony
- logotypy partnerów, które budują wiarygodność
- ikony social mediów
Dzięki temu użytkownik zawsze ma jasną ścieżkę kontaktu i wie, że platforma jest realna i aktywna.
Efekt końcowy
Ten projekt to spokojne uporządkowanie chaosu.
Platforma stała się bardziej zrozumiała, czytelniejsza i po prostu przyjemniejsza w użyciu.
Użytkownik szybciej rozumie, czym jest serwis i po co tu jest.
Twórcy podcastów czują, że to miejsce jest dla nich.
A osoby zainteresowane licencjami dostają jasne informacje bez szukania.
Projekt realizowany przy współpracy z fireup.pro