Instytut Zamenhofa

Interaktywny landing page i raport dla Fundacji Zamenhofa, dotyczący molestowania dziennikarek w Polsce.
Expertise
Zakres
UX/UI Design, Development, Art Direction
Platforms
Typ
Web
Industry
Branża
NGO & Non-profit
NGO i non-profit
OVERVIEW
O PROJEKCIE
O PROJEKCIE
OVERVIEW

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.

OUR WORK
NASZA PRACA
NASZA PRACA
OUR WORK
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.

PODSUMOWANIE
SUMMARY
PODSUMOWANIE
SUMMARY

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ę!

testimonial

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!

Paweł Prus
-
Prezes
|
Instytut Zamenhofa
Hey!
I'd love to hear about your project!
We will answer your message within 24 hours. Yes, it’s THAT easy!
Emil Bednarczyk, havenocode NoCode and LowCode Development Agency CEO and Client Partner
Emil Bednarczyk
Client Partner / havenocode.io
M: +48 792 015 688
Hey!
I'd love to hear about your project!
We will answer your message within 24 hours. Yes, it’s THAT easy!
1
What are your main challenges that we can help you with?
2
What is your budget?
3
Do you need an NDA?
4
Fill in the details.
Thank you! Your message was sent succesfully. Read more about no-code on our blog.
read about no-code
Oops! Something went wrong while submitting the form.
Hej!
Opowiedz mi o swoim pomyśle!
Odpowiemy w ciągu 24 godzin. Tak, to TAKIE proste!
Emil Bednarczyk, havenocode NoCode and LowCode Development Agency CEO and Client Partner
Emil Bednarczyk
Client Partner / havenocode.io
M: +48 792 015 688
Hej!
Opowiedz mi o swoim pomyśle!
Odpowiemy w ciągu 24 godzin. Tak, to TAKIE proste!
1
W jakich wyzwaniach możemy Ci pomóc?
2
Jaki jest Twój budżet?
3
Czy potrzebujesz NDA?
4
Podaj nam więcej szczegółów
Dziękujęmy! Twoja wiadomość została wysłana. Jeśli chcesz dowiedzieć sie więcej o no-code, zapraszamy na nasz blog!
Czytaj o no-code
Wystąpił błąd, formularz nie został wysłany.
Zobacz inne case studies
See other case studies
Finance, Artificial Intelligence
Finanse, Sztuczna inteligencja
TaxRobot
An application enabling businesses to automate the process of obtaining tax credits for research and development activities in the United States.
READ CASE STUDY
ZOBACZ CASE STUDY
Real Estate, Rental & Leasing
Nieruchomości, wynajem i leasing
okazjonalny.info
Application enabling the purchase and management of documents to secure short-term lease agreements.
READ CASE STUDY
ZOBACZ CASE STUDY
Education
Edukacja
Apptoyou
Advanced online learning platform for creating applications using the no-code tool Bubble.
READ CASE STUDY
ZOBACZ CASE STUDY
Finance, Artificial Intelligence
Finanse, Sztuczna inteligencja
TaxRobot
Aplikacja pozwalająca przedsiębiorcom zautomatyzować proces uzyskiwania ulg podatkowych na działalność badawczo-rozwojową w Stanach Zjednoczonych.
READ CASE STUDY
ZOBACZ CASE STUDY
Real Estate, Rental & Leasing
Nieruchomości, wynajem i leasing
okazjonalny.info
Platforma umożliwiająca zakup oraz obsługę dokumentów zabezpieczających umowy najmu okazjonalnego.
READ CASE STUDY
ZOBACZ CASE STUDY
Education
Edukacja
Apptoyou
Zaawansowana platforma online learning do nauki tworzenia aplikacji za pomocą narzędzia no-code Bubble.
READ CASE STUDY
ZOBACZ CASE STUDY