DREVLIANY

THE PAIN

Charitable foundations in Ukraine face a unique trust crisis during wartime:

• Donors are skeptical about where their money actually goes
• People in need don't know how to request help
• Volunteers struggle to find legitimate organizations to join
• International partners need proof of credibility before collaborating
• Emotional fatigue makes people scroll past generic "help us" messaging

THE SOLUTION

Position Drevliany not as another donation page, but as a transparent, human-centered platform — where every ruble is traceable, every team member is visible, every partner is named, and every action (give, receive, volunteer) has a clear path.

THE PAIN

Visitors need to instantly understand what the foundation does and feel emotionally connected — without being overwhelmed by war imagery or guilt-tripping.

THE SOLUTION

I designed a serene, hope-filled hero with:

• Large circular photo of green Ukrainian fields — symbolizing life, land, and future
• Bold "ДРЕВЛЯНИ" typography with foundation crest
• Clear mission statement about defending Ukraine's independence
• Immediate emotional connection: "Це ваш особистий вклад в оборону та захист незалежності України"

THE PAIN

Different donors have different preferences — some trust card payments, others prefer crypto, international donors need SWIFT. Forcing one method loses conversions.

THE SOLUTION

I designed a prominent 3-option donation block:

• Карткою (Card) — green, primary, for local donors
• SWIFT — blue, for international supporters
• Крипта (Crypto) — yellow, for tech-savvy donors
• Each option has its own icon and clear visual distinction

THE PAIN

A foundation serves three audiences simultaneously — donors, recipients, and volunteers. Most sites only speak to donors, alienating the other two groups.

THE SOLUTION

I designed a 3-card action block with distinct visual identities:

• Допомогти (Help) — red heart icon, for donors
• Отримати допомогу (Receive help) — open hand icon, for those in need
• Стати волонтером (Become a volunteer) — handshake icon, for volunteers
• Each card has a clear CTA and short description

THE PAIN

Text-only "about us" sections feel corporate and untrustworthy. People need to see the foundation's work to believe it.

THE SOLUTION

I designed a multimedia storytelling section:

• Video block with YouTube embeds showing real foundation activities
• Photo collage in organic, rounded layout showing volunteers, aid distribution, and real moments
• Two clear CTAs: "ВІДЕО ПРО НАС" and "ФОТО ПРО НАС" with "УСІ ВІДЕО" / "УСІ ФОТО" buttons
• Authentic, unpolished imagery that builds trust through realism

THE PAIN

Anonymous foundations raise red flags. Donors want to know who is handling their money.

THE SOLUTION

I designed a transparent team showcase with 7 real members:

• Round portrait photos with names and roles
• Clear hierarchy: Director, Chief Accountant, Legal Advisor, Board Members
• Humanizing detail: real faces, real names, real positions
• Builds instant credibility through transparency

THE PAIN

New visitors don't know if the foundation is legitimate. Partner logos serve as social proof.

THE SOLUTION

I designed two distinct partner sections:

• Партнери — Major organizations: BBC News, European Union, EEAS, УАО, Chernobyl Union, Blago Foundation
• Співробітництво — Active collaborations: Kyiv Psychotherapy Center, Fundatia de Binefacere, Baryshivka Council, San Marino Shipping, Kyiv Hemophilia Group
• Clean card-based layout with logos and "Memorandum" labels where applicable

THE PAIN

People in need often don't know how to ask for help, or feel ashamed to do so. The process must feel dignified and clear.

THE SOLUTION

I designed a 3-category help request system:

• Для розміщення прохання про допомогу хворій дитині — for sick children
• Прохання про допомогу дорослому хворому — for sick adults
• Гуманітарна допомога — general humanitarian aid
• Each card has a photo (child, elderly person), description, and "НАДАТИ ДОПОМОГУ" CTA

THE PAIN

Donors want to see ongoing activity, not just a static "give us money" page.

THE SOLUTION

I designed a news section with project cards:

• Допомога дітям України — aid to Ukrainian children
• Проектування та будівництво мережі медичних центрів — medical center construction
• Each card has description, "ЧИТАТИ ДАЛІ" CTA, and share button
• Shows the foundation is active and growing

THE PAIN

Trust needs proof. Certificates and awards validate the foundation's legitimacy.

THE SOLUTION

I designed a timeline-based certificate showcase:

• Timeline navigation on the left: Житомир травень 2022, День ЗСУ 2022, Адресна допомога, Южноукраїнська перевезення, Допомога їжань, Християнська лікарня
• Document grid on the right showing actual certificates and letters of thanks
• Interactive timeline allows users to explore different periods of the foundation's work

THE PAIN

Visitors need multiple ways to reach the foundation — form, email, phone, physical address.

THE SOLUTION

I designed a comprehensive contact section:

• Left side: Contact form with fields for Name, Email, Message + "ВІДПРАВИТИ" button
• Right side: Full contact details:
• Юридична адреса: 04070, м. Київ, вул. Боричів узвіз, 5
• Фактична адреса: 01021, м. Київ, вул. Інститутська, 16, оф.2
• Телефони: +38 044 253 88 55, +38 044 253 88 55
• Пошта: drevlyani@ukr.net
• Foundation crest and full logo at bottom

THE PAIN

Users need easy access to all sections and social media for ongoing engagement.

THE SOLUTION

I designed a comprehensive footer with:

• Foundation logo and full name "Благодійний Фонд Древляни"
• Social media icons (Telegram, Instagram, Facebook, YouTube, TikTok, etc.)
• Full navigation: Фонд, Структура, Фото, Команда, Партнери, Допомога, Подяки, Контакти
• Copyright © 2024 Древляни and "Статут" link