본문 바로가기
UX·UI/Daily UI

Daily UI 003 / Landing Page 랜딩 페이지

by 박해마 2024. 1. 23.

3번째 과제: Landing Page 랜딩 페이지 UI

 

랜딩 페이지란?

홈페이지 방문, 키워드 검색 혹은 배너 광고 등으로 유입된 인터넷 이용자가 최초로 보는 페이지를 말한다. 랜딩 페이지는 불필요하거나 혼란을 주는 내용을 최대한 피하고, 방문자가 방문 목적을 쉽고 빠르게 달성할 수 있도록 안내하는 것이 중요한데, 제작자 또는 디자이너가 랜딩 페이지를 어떤 형태 또는 방식으로 디자인하느냐에 따라 방문자의 적극적인 참여 또는 행동을 유발할 수 있다.
[네이버 지식백과] 랜딩 페이지 [Landing Page] (PR용어사전)

 

 

폰트 클라우드 SaaS로 주제를 잡았다. (ex. 구름다리)

고려해야할 사항
Headline
call-to-action buttons
typography
clarity

 

- 구름다리를 벤치마킹했다.

- GNB와 배너가 100vh 꽉차게 넣었는데, 이 자체로 완결성 있어서 하단 본문 부분을 안 볼 것 같다.

- "여기 있네, 그 폰트"를 폰트만 바꿔서 1초 단위로 다이나믹하게 바뀌는 애니메이션을 넣으면 흥미롭지 않을까

- 폰트에만 집중하고 싶어서 이미지 요소 없이 배너를 만들긴 했는데... 아무래도 인터랙션이 없으니 너무 심심하기는 하다. 지금의 내 단계에서는 실험하는 것 보다는 기본적으로 통용되는 디자인을 먼저 습득하는 게 더 좋을지도

 

 

 

*

 

' 여기 있네, 그 폰트 '

인소 대사같네 ㅋㅋ ㅋ ㅋㅋ

카피 라이팅도 공부해야겠습니다.