// Studiu de caz · ONG și strângere de fonduri
Site pentru ONG și strângere de fonduri: Asociația Irina Poate
Asociația Irina Poate strânge bani pentru Irina, o fetiță cu SPG52, o boală genetică extrem de rară. Irina este singurul caz din România. Banii merg la singura cercetare pentru un tratament, care se face la Barcelona și este finanțată din donații. Pentru ei am făcut asociatiairinapoate.ro, un site de ONG pentru oamenii și firmele care vor să ajute.
Mai jos găsești cum e organizat site-ul: povestea, explicațiile despre boală și cercetare, toate modurile de a dona, sponsorizarea prin firmă cu calculator și contract, articolele din presă, versiunea de telefon și varianta în engleză. La fiecare explicăm de ce am făcut-o așa și ce am lăsat deoparte.
- Client
- Asociația Irina Poate
- Domeniu
- ONG, strângere de fonduri pentru cercetare medicală
- Tip proiect
- Site de prezentare într-o pagină
- Pagini
- Pagina principală în română și engleză, plus paginile legale
- Lansat
- 2025
- Site
- asociatiairinapoate.ro
Pentru cine e site-ul Asociației Irina Poate
Despre Irina s-a vorbit la radio, s-a scris în ziare locale și s-au organizat evenimente caritabile la Cluj-Napoca și Zalău. Cine ajunge pe site după un astfel de articol a fost deja mișcat de poveste. Nu trebuie convins, trebuie să afle repede două lucruri: dacă poate avea încredere și cum poate ajuta.
Al doilea public sunt firmele. O firmă poate direcționa către asociație o parte din impozitul pe profit, fără un cost în plus. Pentru asta are nevoie de pași clari, de un contract și de formularele cerute de ANAF, iar de obicei cine se ocupă de ele e contabilul, nu omul care a citit articolul. Al treilea public sunt oamenii din afara țării: cercetarea se face la Barcelona, iar o parte din cei care urmăresc cazul nu citesc românește.
Povestea e scrisă de părinți, la persoana întâi, și vine imediat după titlu. Am păstrat-o în cuvintele lor în loc să o rescriem în limbajul obișnuit al unui ONG, cu „beneficiari” și „cauză”. Oamenii dau bani unei familii pe care o cred, iar o poveste spusă de părinți, cu date, analize și numele medicilor, se verifică mai ușor decât un text de prezentare. Restul paginii e construit în jurul ei.
Ce trebuia să rezolve site-ul
Un om care vrea să doneze are nevoie de două lucruri: să înțeleagă pentru ce sunt banii și să găsească repede un cont. Am pus explicația înainte și datele de plată imediat după. O pagină care începe cu „Donează” cere bani înainte să spună de ce, iar pentru o cauză medicală de care puțini au auzit, motivul trebuie să vină primul.
- Să explice pe înțeles ce este SPG52 și în ce fază este cercetarea, cu linkuri spre sursele din Barcelona.
- Să adune într-un singur loc toate modurile de a dona, cu datele gata de copiat, ca nimeni să nu renunțe pentru că nu găsește metoda lui.
- Să arate firmelor cum pot sponsoriza și să le dea documentele necesare, ca sponsorizarea să nu depindă de un schimb de emailuri.
- Să arate articolele din presă despre Irina, pentru cei care vor să verifice în afara site-ului.
- Să aibă o variantă în engleză, pentru cei care nu citesc românește.
Structura unui site de ONG într-o singură pagină
Am făcut o singură pagină lungă în locul unui site cu mai multe pagini. Vizitatorul vine cu o singură întrebare, iar pe mai multe pagini povestea ar fi stat într-un loc și conturile în altul. Meniul are șapte intrări care duc la secțiunile paginii: Acasă, Povestea Irinei, SPG52 & Studiu, Cum poți ajuta?, Sponsorizare, Mass Media și Contact. În dreapta sunt alegerea limbii și butonul „Donează”, vizibil tot timpul, ca omul care s-a hotărât la jumătatea poveștii să nu mai deruleze până la conturi.
Ordinea secțiunilor urmează îndoielile unui vizitator. Întâi povestea, apoi ce este boala, în patru file, ca explicațiile medicale lungi să nu împingă conturile la capătul paginii. Urmează cele patru etape ale cercetării, fiecare cu starea ei: două finalizate, una începută, una de urmat. Am preferat să arătăm deschis ce mai e de făcut în loc să sugerăm că tratamentul e aproape. Cine vede o etapă „de urmat” înțelege de ce e nevoie în continuare de bani.
Abia după aceea vin donațiile, sponsorizarea prin firmă, articolele din presă, formularul de contact și galeria de fotografii. Presa stă după donații, nu înainte, pentru că e pentru cei care mai au o îndoială. Cine s-a hotărât deja nu trebuie să treacă prin ea.
Designul: roz-somon, verde-petrol și fotografii de familie
Am ales două culori principale. Roz-somon pentru butonul „Donează” din meniu și pentru cuvintele scoase în evidență din titluri. Verde-petrol pentru butonul „Donează Acum”, pentru antetul cardurilor și pentru secțiunea de donații. Site-ul e despre un copil, dar nu trebuia să arate ca o invitație la o petrecere pentru copii. Rozul ține de Irina, iar verdele închis dă greutate părții cu banii și cercetarea.
Secțiunea de donații e singura cu fundal verde închis pe toată lățimea. Am vrut ca ea să iasă în evidență la derulare, ca cine se întoarce pe pagină să o găsească fără meniu. Tot textul e scris cu Nunito, un font sans cu litere rotunjite, ușor de citit în paragrafe lungi. Etichetele mici de deasupra titlurilor sunt scrise de mână, iar logo-ul e desenul unei fetițe, în roz-somon.
Fotografiile sunt ale familiei: Irina cu părinții în parc, acasă și la terapie. Am ales fotografii din viața de zi cu zi, nu imagini alese ca să impresioneze. Ni s-a părut mai cinstit să arătăm o familie reală, iar încrederea vine din faptul că oamenii din poze sunt cei care scriu povestea. Fundalurile sunt albe sau gri foarte deschis, cu mult spațiu între secțiuni, ca textele lungi să se citească ușor.
Un site de donații cu toate conturile la vedere
Secțiunea „Cum poți ajuta?” are cinci casete: Revolut, transfer bancar, BTpay, PayPal și Formular 230. Am pus toate metodele, în loc de un singur cont bancar, pentru că donatorii au obiceiuri diferite. Cine folosește Revolut nu vrea să copieze un IBAN, cine e în străinătate are mai la îndemână PayPal sau contul în euro, iar Formularul 230 e pentru cine nu poate dona acum, dar poate redirecționa o parte din impozit. Fiecare metodă lipsă ar fi fost un om care renunță.
La transfer bancar sunt titularul și conturile IBAN în lei și în euro. Lângă fiecare cont sau link e un buton care îl copiază. Un IBAN are 24 de caractere, iar o singură cifră greșită blochează transferul. Am renunțat la plata cu cardul direct pe site, care ar fi cerut un procesator de plăți, comisioane și un contract în plus, când asociația avea deja conturile gata. Sub conturi, o bară arată cât s-a strâns din obiectivul cercetării.
Secțiunile site-ului, pe rând
Clipul trece prin două secțiuni și o pagină. „Cum poți ajuta?” are datele de plată pe fundal verde și se termină cu bara de progres a donațiilor. „Sponsorizare prin firmă” are două carduri, Declarația 177 și Sponsorizare 20%, fiecare cu pașii și termenul lui. Termenul stă sus pe card, sub titlu, pentru că o firmă decide după calendarul fiscal: prima variantă se închide pe 25 iunie, a doua pe 31 decembrie.
Ultima e varianta în engleză, la /en. Are aceleași secțiuni, cu textele traduse, iar selectorul de limbă din meniu trece de la una la alta. Am preferat o versiune scrisă separat în engleză, la adresa ei, în locul unui buton de traducere automată. Termenii medicali din poveste ar fi ieșit greșit, iar o pagină separată poate fi găsită direct de cineva care caută în engleză despre SPG52.
Ce poate face site-ul
Șase funcții ale asociatiairinapoate.ro și motivul pentru care există fiecare.
Bara de progres a donațiilor
Un card roz arată procentul strâns, suma strânsă și obiectivul, cu o bară care se umple. Cine a donat vede că banii se adună, iar cine stă pe gânduri vede că nu e primul. Am pus bara sub conturi, nu deasupra lor, ca obiectivul să nu fie primul lucru pe care îl vede cineva care încă citește despre Irina.
Sponsorizare prin firmă, pas cu pas
Două carduri explică cele două variante, fiecare cu pașii numerotați și termenul. La Declarația 177, firma poate descărca direct contractul și declarația, iar o notă explică pe scurt ce e formularul D177. Am scris pașii pentru un contabil, nu pentru un specialist în ONG-uri: ce calculează, ce semnează, ce depune și până când.
Calculator pentru suma maximă
Butonul „Calculează donația maximă” deschide o fereastră cu două câmpuri: cifra de afaceri și profitul. Calculatorul arată pe loc suma pe care firma o poate direcționa, adică minimul dintre 20% din impozitul pe profit și 0,75% din cifra de afaceri. Prima întrebare a unei firme e „cât”, iar fără calculator răspunsul ar fi cerut un telefon la contabil. Formula e scrisă sub rezultat, ca suma să poată fi verificată.
Contract de sponsorizare generat automat
Firma completează un formular cu numele, CUI-ul, reprezentantul legal, IBAN-ul, adresa și suma, iar site-ul generează contractul de sponsorizare în PDF, completat și gata de semnat. Fără el, sponsorizarea ar fi însemnat un model de contract trimis pe email, completat de mână și trimis înapoi. Am vrut ca o firmă să poată termina totul în câteva minute, cât timp încă are intenția.
Articole din presă
Secțiunea Mass Media adună articolele despre Irina: radio, ziare locale din Cluj și Sălaj, un articol al Universității Autonome din Barcelona despre rezultatele cercetării. Fiecare card are sursa și un link spre articolul original. Un donator prudent poate verifica povestea în afara site-ului, iar asta cântărește mai mult decât orice am fi scris noi pe pagină.
Galerie cu fotografiile familiei
La finalul paginii, „Povestea Irinei în imagini” e o galerie care se derulează singură. Am pus-o la final pentru că nu e necesară pentru o decizie. Pentru că se mișcă singură, are un buton care oprește derularea și săgeți pentru fotografia anterioară și următoare, ca oricine să se poată opri la o poză.
Asociația Irina Poate pe telefon
Pe telefon, titlul și butoanele „Află Povestea” și „Donează Acum” apar din prima, peste fotografia familiei. Am lăsat ambele butoane, pentru că pe telefon ajung și oameni care știu deja povestea din presă și vor doar contul. Meniul și selectorul de limbă stau în bara de sus.
Datele de plată se așază una sub alta, cu butonul de copiere lângă fiecare. Pe telefon, butonul contează și mai mult: donația se face din aplicația băncii, pe același ecran, iar un IBAN se copiază cu o atingere în loc să fie ținut minte sau scris pe hârtie.
Cum e construit
Ce stă în spatele asociatiairinapoate.ro, pe scurt.
- Tehnologie
- Next.js 16. Contractul de sponsorizare se generează pe server, ca fișier PDF, ca să arate la fel pe orice dispozitiv și să se poată tipări fără Word.
- Administrare conținut
- Textele, cifrele de progres și articolele din presă sunt în codul site-ului, în ambele limbi. Modificările le facem noi, ca versiunea în română și cea în engleză să rămână la fel.
- Găzduire
- Vercel.
- Viteză
- PageSpeed Insights pe desktop: 85 la performanță și 100 la SEO. Măsurat în octombrie 2026.
- Formulare
- Formularul de contact trimite mesajul pe email. Calculatorul și contractul de sponsorizare funcționează direct în pagină.
- Limbi
- Română și engleză, cu selector de limbă în meniu.
