02 / 프런트엔드 / 직접 만든 예시

첫 화면에서 한 가지 행동으로 · Hero + CTA

히어로는 첫 화면의 대표 영역, CTA는 행동 유도 버튼, 공지 배너는 짧은 소식을 알리는 띠

10월 워크숍 신청 중

FIELDNOTES / 작업 기록

회의 메모에서 결정 사항과 할 일을 모읍니다.
오늘 시작할 작업부터 골라보세요.

이렇게 말해보세요

[서비스] 첫 화면을 히어로 섹션으로 만들어줘. 핵심 효익 한 줄, 설명 두 줄, 주요 CTA 하나로 시선을 모아줘. 이벤트 공지는 별도 announcement banner에 넣고 닫을 수 있게 해줘.

배너라는 말로 뭉뚱그리면 광고 이미지인지 대표 소개인지 혼동하기 쉽습니다. 각 영역의 목적과 행동을 나누면 첫 화면의 우선순위가 명확해집니다.

공지 배너의 알림 역할은 Carbon 지침을 참고했습니다. 히어로의 문구와 배치는 직접 만든 예시입니다.