Înapoi la proiecte web

Asociația Victoria

Platformă digitală pentru Asociația Victoria Orașul Prieteniei: cauze clare, campanii active și un drum scurt de la empatie la donație. Proiect în dezvoltare: mockup-ul arată direcția noului site.

În dezvoltare

Mockup-ul arată direcția noului site. Varianta live nu e încă lansată; continuăm dezvoltarea pe structură, campanii și fluxul de donație.

Mockup site web Asociația Victoria Orașul Prieteniei, campanii și donații
Servicii
Web Design, UI/UX
Industrie
ONG & Comunitate
Durată
În curs

Un site de asociație nu convinge prin sloganuri. Convinge când vizitatorul vede cauza, înțelege impactul și poate dona în câteva secunde.

Context

Asociația Victoria Orașul Prieteniei aduce împreună voluntari, tineri și vecini din Victoria, județul Brașov. Misiunea e simplă: să transforme grija în fapte vizibile — educație, comunitate, sprijin local.

Aveau nevoie de o prezență digitală care să țină pasul cu munca din teren: campanii active, transparență pe bani strânși și un CTA de donație imediat, nu un site instituțional care se citește și se uită. Proiectul e în dezvoltare activă. Mockup-ul arată direcția de design și structura de bază, nu forma finală.

Branding & direcție vizuală

Am construit un split-screen emoție vs. acțiune: stânga, fotografie alb-negru și sloganul Împreună, putem schimba vieți; dreapta, un panou portocaliu cu campania activă, progresul de strângere și impactul concret. Paleta e portocaliu, negru, alb — contrast mare, energie, claritate.

Hero-ul nu e un banner generic de ONG. Pune imediat în față o cauză reală — Fondul pentru educație 2026 — cu țintă, sumă strânsă și rezultate: pachete școlare, școli partenere, un an de sprijin. Brandul trebuia să transmită căldură comunitară și seriozitate, nu un template de fundraising.

Abordare UX

Fluxul e construit în jurul susținerii unei cauze: headline, campanie activă, buton Donează acum, bară de progres. Vizitatorul nu caută pagina de donație prin footer — o vede din primul ecran.

Pe mobil, split-ul se stivuiește: mai întâi povestea, apoi campania și CTA-ul. Metricile de impact (pachete, școli, durată) sunt scannable, ca donatorul să înțeleagă unde ajung banii fără să citească un raport.

Cum am abordat

Emoție

Fotografie documentary, slogan puternic și contrast portocaliu-negru care oprește scroll-ul.

Transparență

Țintă vs. sumă strânsă și trei dovezi de impact, vizibile înainte de orice formular.

Donație

CTA repetat pe campanie și pe hero. De la „susține o cauză” la donație, fără fricțiune.

Ce am livrat

  • Design UI/UX homepage: split-screen misiune + campanie activă
  • Identitate digitală portocaliu-negru, tipografie bold
  • Modul campanii: țintă, progres, metrici de impact
  • Flux de donație și CTA-uri pe hero și campanie
  • Structură pentru cauze, noutăți, voluntariat și contact
  • Design responsive, optimizat pentru trafic mobil (în curs)