[내일배움캠프 본캠] 7/30 TIL

얏호 내 생일 ~ 하지만 프로젝트하는 현실~

 

랜딩페이지 제작 가이드

1단계. 목적 정의

- 이 랜딩페이지는 어떤 행동을 유도할 것인가?

ex. 서비스 체험 요청, 대기 신청, 피드백 수집, sns 공유

- MVP 핵심 기능이 무엇인지

 

2단계. 섹션 구성 설계

1. 히어로 영역

2. 문제 인식 영역

3. 주요 기능 소개

4. 사용자 후기/ 인용문

5. 가격/ 기능 요약(선택)

6. CTA  영역

 

-> 사용자 테스트에서 긍정적인 피드백은 랜딩페이지에 넣으면 좋음

 

3단계. 와이어프레임 및 콘텐츠 초안

1. 와이어프레임 구조 잡기

-> 들어갈 섹션 정리

-> 무엇을 보여줄지, 텍스트/ 이미지/ 버튼 구성으로 대략 정리

2. 콘텐츠 초안 작성하기

-> 섹션에 들어갈 카피/ 문구 초안 작성

 

흐름 먼저 잡아서 전체적으로 봐야 완벽해짐 

 

4단계. 디자인 작업

-> 템플릿 활용 ok

-> 모바일/ 데스크톱 반응형: 모두 확인

-> CTA 버튼 항상 강조 : 배경색 대비, hover 등 효과 눈에 띄게

-> 가독성 신경쓰기

 

5단계. CTA 설계 및 사용자 반응 수집

수집한 데이터는 정리해서 다음 단계로 활용-> 반응률이 낮다면 CTA 문구/ 위치/ 디자인 수정 하고 다시 테스트

 

6단계. 배포

SEO 설정

1.  타이틀

2. 언어 설정

3. 설명글

4. 이미지

 

설정해야지 퀄리티가 높아짐. 프레이머 우측 상단 셋팅 아이콘 설정

 

 

🧐 진행 과정

3단계: MVP 고도화 & 확장 가능성 탐색

1. 컴포넌트 수정 ✅ 완료
2. 프로토타입 ✅ 완료
3. 발표자료 제작 🔄 진행중 

3단계: MVP 고도화 & 확장 가능성 탐색

1. 부스용 이미지 제작 ✅ 완료
2. 온보딩 화면 제작 ✅ 완료
3. 시연 영상 제작 🔄 진행중
4. 랜딩페이지 세션 ✅ 완료 

 

✔️ 체크리스트

• [✅] 색상·폰트 등 스타일 기준을 정리했나요?
• [✅] 유저 피드백으로 수집된 내용을 반영하여 사용 흐름을 고도화 했나요?
• [✅] 버튼 위치·용어·인터랙션을 사용자 중심으로 재검토했나요?
• [✅] MVP가 더 효과적이도록 고민하여, 기능을 보완·추가했나요?
• [✅] 기능 추가로 복잡해지지 않도록 핵심 흐름을 유지했나요?
• [ ] MVP를 효과적으로 소개하거나 홍보할 수 있는 랜딩 페이지를 제작했나요? (선택)
• [✅] 확장 아이디어가 단순 추가가 아니라, 사용자 경험의 흐름 속에서 자연스럽게 이어지나요? (선택)
• [ ] 유입,리텐션,공유 등 지속 이용 요소를 고민했나요? (선택) 

 

✍️ 목요일 계획

3단계: MVP 고도화 & 확장 가능성 탐색

1. 발표자료 제작
2. 보완기능 핀 수정 및 삭제, 마이페이지, 내가 도움이 됐어요  화면 제작 

3단계: MVP 고도화 & 확장 가능성 탐색

1. 시연 영상 제작
2. 랜딩페이지 제작
3. 브로슈어 제작