Instytut Zamenhofa

Raport Fundacji Instytutu 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艂 鈥淥ff 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鈥檚 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鈥檚 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