OffTheRecord

W obronie pokrzywdzonych kobiet

Mobbing i przemoc na tle seksualnym w miejscu pracy to zjawisko, które wciąż jest codziennością wielu polskich kobiet. Problem zdecydował się naświetlić Instytut Zamenhofa w raporcie noszącym tytuł Offtherecord: molestowanie seksualne dziennikarek w Polsce. Wraz z fundacją Tech To The Rescue mieliśmy zaszczyt wesprzeć Instytut w działaniach mających na celu zwiększenie świadomości przemocy seksualnej w polskich mediach. Zakres prac po stronie havenocode obejmował ogólną koncepcję graficzną oraz projekt i wdrożenie strony internetowej, na której można było pobrać raport w formie pliku pdf oraz przeczytać relacje dziennikarek, które padły ofiarą przemocy seksualnej lub były jej świadkiem. Głównym celem platformy było zwiększenie zasięgu raportu, ułatwienie dyskusji oraz zaangażowanie opinii społecznej w poszukiwanie rozwiązań problemu molestowania seksualnego w branży mediów.

Projekt UI

Efektowny minimalizm

Wyzwania: wzmocnienie przekazu strony za pomocą niebanalnych rozwiązań, prostota i czytelność, animacje, dedykowane ilustracje.

Instytut Zamenhofa w całości powierzył nam dyrekcję artystyczną projektu, którą zrealizował nasz team UX/UI przy dodatkowym zaangażowaniu zaproszonego przez nas do współpracy ilustratora.

Współpracę rozpoczęliśmy od przeprowadzenia analizy, aby zrozumieć cele, wyzwania i oczekiwane rezultaty kampanii OffTheRecord. Proces ten pozwolił nam dostosować nasze podejście i zagwarantować, że platforma spełni potrzeby Instytutu.

Nasz zespół UX/UI ściśle współpracował z klientem, aby zaprojektować intuicyjną i estetycznie atrakcyjną platformę, która wpisze się w kluczowe przesłanie kampanii. Dyrekcja artystyczna (art direction) havenocode odegrała kluczową rolę w kształtowaniu estetyki platformy, i została przełożona na całą komunikację wizualną projektu.

‍

Offtherecord

"If someone says something off the record, they do not want it to be publicly reported."

- dictionary.cambridge.org

‍

Na potrzeby kampanii stworzyliśmy krótki, mocny, czytelny i skłaniający do refleksji tytuł. Nawiązując do medialnego żargonu, w nieoczywisty, a dobitny sposób odzwierciedla on sytuację dziennikarek, skazanych przez środowisko medialne na wieloletnie milczenie o przemocy seksualnej, której doświadczyły, lub której były świadkami. Tytuł “Off the record” przyjęty został przez klienta bez żadnych zastrzeżeń i stał się hasłem przewodnim całego raportu.

‍

WEBDESIGN

Inspiracją dla opracowanego przez nas projektu UI była prasa drukowana oraz elementy kojarzące się z mediami: paski informacyjne, diody kamer, krzyczące nagłówki tabloidów. Paleta kolorystyczna jest minimalistyczna, ale wyrazista i kontrastowa. Opiera się głównie o grafit, czystą biel, szarości oraz akcentowy kolor bladoczerwony. Konwencję podkreśla mocne połączenie bezszeryfowego fontu oversize w nagłówkach z zastosowanym w paragrafach fontem monotype, stanowiącym nawiązanie do drukowanych środków masowego przekazu.

‍

ILUSTRACJE

Do współpracy przy projekcie zaprosiliśmy, mieszkającego obecnie w Lizbonie, grafika, ilustratora i animatora - Jarka Mankiewicza. Wyrazisty styl i czytelny, lecz nie patetyczny, przekaz stworzonych przez niego ilustracji, doskonale wpisał się w ogólny zamysł artystyczny, dodając mu wyrazistości i charakteru.

‍

DEVELOPMENT

Obudzić emocje

Do stworzenia serwisu wykorzystaliśmy Webflow, dzięki której zbudowaliśmy responsywną i przyjazną dla użytkownika platformę w technologii no-code. Zespół QA dopilnował, aby funkcjonalność, wydajność i user experience platformy spełniały najwyższe standardy.

NARZĘDZIA

Wdrożenie strony przeprowadziliśmy w zaledwie kilka dni. Korzystaliśmy z platformy Webflow, posiłkując się w niektórych animacjach JavaScript i CSS. Poza warstwą wizualną, stworzono CMS służący do dynamicznego zarządzania wyświetlanymi na stronie głównej oraz dedykowanej podstronie wywiadami, a także sylwetkami osób zaangażowanych w akcję. Witryna została wdrożona z ogromną dbałością o responsywność i atrakcyjne oraz bezproblemowe wyświetlanie na urządzeniach mobilnych.

‍

ANIMACJE I INTERAKCJE

Aby wciągnąć użytkownika w prezentowane treści, zbudować odpowiedni klimat i dramaturgię dla raportu oraz wywiadów z ofiarami posłużyliśmy się subtelnymi, ale efektownymi animacjami, tworzącymi odpowiedni nastrój oraz wprowadzającymi poszczególne treści strony.

Do stworzenia animacji oraz interakcji na stronie wykorzystaliśmy funkcjonalności natywnie oferowane przez platformę, w niektórych momentach rozwijając je przez zastosowanie custom code w postaci JavaScript i CSS.

‍

Kropla drąży skałę

Branża mediowa to jedynie wierzchołek góry lodowej. Przemoc psychiczna, fizyczna, mobbing, nadużycia seksualne w pracy i w życiu prywatnym, dla wielu polskich kobiet są koszmarną, przytłaczającą codziennością - niezależnie od branży. Przez dziesięciolecia nie mówiło się o tym w ogóle, najwyższy czas przemówić głośno i wyraźnie.

Jesteśmy zaszczyceni, że zostaliśmy zaproszeni do realizacji tak znaczącego i ważnego społecznie projektu i mogliśmy przez to przyczynić się do, tak koniecznych, przemian społecznych i kulturowych w naszym kraju.

Współpraca z Instytutem Zamenhofa była dla nas wyjątkowym doświadczeniem. Ogrom zaufania, jakim zostaliśmy obdarzeni wyzwolił w nas ogromną falę kreatywności i sprawił, że wszystkie realizowane przez nas działania nabrały jeszcze większego znaczenia, a do samego projektu każdy z zaangażowanych członków zespołu podszedł bardzo osobiście.

Raport Offtherecord w polskich mediach odbił się szerokim echem, pociągając za sobą lawinę komentarzy, dyskusji i publikacji prasowych. Oby przyniosły długo oczekiwaną zmianę!