<aside> 💡
히어로 섹션이란?
랜딩페이지에서 히어로 섹션(Hero Section)은 웹사이트나 랜딩페이지를 열었을 때 가장 먼저 보이는 첫 화면의 핵심 영역을 말합니다. 주로 화면 상단(Above the fold)에 배치되며, 방문자의 시선을 단번에 사로잡고 사이트의 목적과 가치를 전달하는 역할을 합니다.
주요 특징
강렬한 첫인상: 브랜드 아이덴티티나 캠페인 메시지를 직관적으로 보여줌.
핵심 메시지 전달: 보통 한 줄의 헤드라인, 서브헤드라인, 간단한 설명이 포함됨.
비주얼 요소: 임팩트 있는 이미지, 영상, 또는 배경 그래픽을 활용.
주요 CTA(Call To Action): "후원하기", "신청하기", "더 알아보기" 같은 버튼이 바로 위치. </aside>
‘히어로 섹션’ 사례 모음
[누구나데이터 신간] 잠재후원자 모금, 비영리단체 성장 공식 : https://donordata.do/
한겨레 ‘딥페이크와 n번방’ : https://campaign.hani.co.kr/deepfake
다른 비영리단체들 캠페인 페이지 살펴보기
키비주얼 만들기 프롬프트
<aside> 📌
모금 히어로 섹션 키비주얼을 만들어줘.
모바일용 이미지로 수정 프롬프트
<aside> 📌
위에 만들어준 키비주얼을 모바일 용으로 만들어줘.
텍스트 수정 프롬프트
좌측에 들어갈 텍스트 코드도 작성해줘.
- 버튼은 '후원하기'
- 텍스트 내용은 연말 후원캠페인에 맞게 작성해줘.
- 메인 카피, 서브 카피, 후원하기 CTA 3개 요소를 포함해줘.
#참고
<div style="width: 100%; padding: 120px 20px; text-align: center; font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, sans-serif; box-sizing: border-box;">
<h1 style="margin: 0 0 40px 0; font-size: 36px; font-weight: 700; line-height: 1.4; color: #1a1a1a; letter-spacing: -0.02em; word-break: keep-all;">
당신의 따뜻한 온기로<br>
소수자들의 서로 돌봄을 계속<br>
이어가고 싶습니다.
</h1>
<a href="#" style="display: inline-block; padding: 18px 48px; background-color: #1a1a1a; color: #ffffff; text-decoration: none; border-radius: 100px; font-size: 16px; font-weight: 600;">
SEE MORE
</a></div>
눈 내리기 효과 적용하기
이미지 결과물
제목
텍스트
기후위기는 더 이상 미래의 이야기가 아닙니다. 매년 반복되는 폭염과 폭우, 산불과 태풍은 우리의 일상을 위협하고 있습니다. 하지만 동시에, 우리는 행동할 수 있는 힘을 가진 시민들입니다. 작지만 뜨거운 발걸음이 모이면 큰 변화를 만들어낼 수 있습니다.
우리는 **‘기후위기 마라톤’**을 제안합니다. 단순한 달리기가 아니라, 지구를 지키기 위한 연대의 행진입니다. 참가자들은 함께 뛰며 기후위기의 심각성을 알리고, 모인 참가비와 후원금은 기후 대응 활동에 쓰이게 됩니다. 달리는 동안 각자의 이야기를 공유하고, ‘기후를 위한 약속’을 나누며 더 많은 시민들에게 메시지를 전할 수 있습니다.
기후위기 마라톤은 누구나 참여할 수 있습니다. 전문 러너가 아니어도 괜찮습니다. 가족과 친구, 직장 동료와 함께 걸어도 좋습니다. 중요한 것은 속도가 아니라 방향입니다. “지속 가능한 미래를 위해 우리는 함께 나아가고 있다”는 것을 몸으로 보여주는 자리입니다.
이번 마라톤을 통해 우리는 기후위기 대응에 필요한 자원을 마련하고, 더 많은 시민들이 행동에 동참하도록 만들고자 합니다. 땀 흘려 내딛는 발걸음 하나하나가 기후위기를 막는 힘이 될 것입니다.
이제 선택의 시간이 왔습니다. 변화의 출발선에서, 우리 함께 달려갑시다. 👉 [기후위기 마라톤 참여하기]
편지글 참고
후원자, 구매자 등의 함께하는 사람들의 추천의 말이 ‘랜딩페이지’에는 가장 효과적일 수 있습니다.
