프롬프트 도감 › No.1230
바이럴 사례 랜딩페이지
Viral Case Landing Page
다크 모드 글래스모피즘 스타일의 사례 소개 랜딩페이지 시안이 나옵니다. 히어로, 타임라인, 지표 차트, 후기, CTA까지 한 화면에 이어집니다.
이럴 때 서비스 소개 시안, 포트폴리오, 상세페이지 기획
도구 ChatGPT Images (GPT Image 2) · Nano Banana Pro
프롬프트
{
"type": "UI/UX 랜딩페이지 목업",
"theme": "다크 모드, 세련되고 현대적인 미감, 글래스모피즘, {argument name=\"메인 강조색\" default=\"네온 보라와 파랑\"} 빛나는 포인트",
"header": {
"logo": "{argument name=\"브랜드명\" default=\"goViralX\"}",
"top_right_tag": "VIRAL CAMPAIGN CASE STUDY"
},
"layout": {
"sections": [
{
"name": "히어로",
"headline": "{argument name=\"히어로 헤드라인\" default=\"How We Created 10M+ Viral Impact\"}",
"subheadline": "3일 만에 온라인 전체를 달구고, 브랜드의 기하급수적 성장을 돕습니다",
"stats_row": {
"count": 4,
"labels": ["총 조회수", "참여율", "전환 문의", "실행 기간"],
"values": ["{argument name=\"대표 수치\" default=\"10,240,000+\"}", "18.7%", "3,200+", "72시간"]
},
"visual": "후드티를 입은 사람이 빛나는 디지털 화면과 그래프를 바라보는 영화 같은 장면, 큰 재생 버튼 오버레이"
},
{
"name": "전략",
"title": "Our 3-Day Execution Strategy",
"layout_type": "세로 타임라인",
"steps_count": 3,
"elements_per_step": ["타임라인 노드", "제목", "글머리 기호 목록", "재생 버튼이 있는 영상 썸네일", "설명 상자"]
},
{
"name": "성과",
"title": "Data-Driven Performance",
"left_column": {
"stat_cards_count": 4,
"values": ["10M+", "43%", "28,000+", "3,200+"]
},
"right_column": {
"charts_count": 2,
"chart_1": "3일째에 정점을 찍는 7일간 성장 꺾은선 그래프",
"chart_2": "플랫폼별 비중을 보여 주는 가로 분할 막대 차트 (TikTok 52%, Instagram 24%, X 15%, YouTube 9%)"
}
},
{
"name": "성공의 열쇠",
"title": "The 3 Keys to Viral Success",
"cards_count": 3,
"card_elements": ["빛나는 아이콘 (불꽃, 과녁, 안테나)", "제목", "설명", "VIEW DETAIL 링크"]
},
{
"name": "사회적 증거",
"title": "TRUSTED BY CREATORS & BRANDS",
"left_column": {
"logos_count": 8,
"grid": "2x4",
"brands": ["SHEIN", "SHOPLINE", "Blueglass", "instacart", "lemon8", "mi", "CIDER", "bellroy"]
},
"right_column": {
"testimonial_cards_count": 2,
"elements": ["인용문", "작성자 직함 (SaaS Founder, Growth Manager)"]
}
},
{
"name": "행동 유도",
"title": "READY TO GO VIRAL?",
"interactive_elements": ["텍스트 입력창", "'{argument name=\"행동 유도 문구\" default=\"맞춤 성장 플랜 받기 ->\"}' 문구가 적힌 빛나는 버튼"],
"visual": "보라색과 파란색 불꽃을 내뿜으며 발사되는 로켓의 3D 렌더"
}
]
}
}팁
- 브랜드명·헤드라인·수치를 내 것으로 교체
- 실존 브랜드명 8개는 가상 이름으로 교체
출처
권리: MIT (freestylefly/awesome-gpt-image-2). 원작자: @IndieDevHailey. 이미지도 같은 라이선스. 사례집 고지에 따라 권리자 요청 시 삭제.