I'd love to hear about your project!
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.
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.
- 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.
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.
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.
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.
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.
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.
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ę!
If you ever wonder how an IT company can support socially important projects, this is the best answer you could imagine! Our shoutout to the wonderful havenocode Team! You made the OfftheRecord storytelling happen!
Jeśli kiedykolwiek ktoś mógł się zastanawiać, jak firma IT może wspierać społecznie ważne projekty, oto najlepsza odpowiedź, jaką można sobie wyobrazić! Wielkie podziękowania dla wspaniałego zespołu havenocode! To dzięki Wam udało się zrealizować kampanie OfftheRecord!