01.
검색에서 바로
첫 화면 검색창 하나로 분석이 시작됩니다.
Keyword Lab
키워드 하나로 콘텐츠 기회를 발견하는 키워드 분석 플랫폼
첫 화면 한가운데에 검색창만 남겼습니다. 네이버·구글을 고르고 키워드를 넣으면 같은 화면 아래로 결과가 이어지도록 해, 분석을 시작하려고 페이지를 옮겨 다닐 일이 없습니다. 최근에 본 키워드는 히스토리로 남겨 어제 하던 분석을 오늘 다시 집어들 수 있게 했습니다.
결과 화면은 월간 검색량·광고 효율·콘텐츠 포화 세 가지를 맨 위에 놓고, 그 아래 등급·시즌성·경쟁도·월말 예측을 카드로 펼칩니다. 숫자만 두면 판단이 어렵기 때문에 '모바일 우세 85% — B2C·일상 키워드 성향'처럼 그 값이 무엇을 뜻하는지 한 줄을 반드시 붙였습니다.
아래로 갈수록 12개월 추이, 연령·성별 분포, 요일별 비중, 연관·황금 키워드로 깊어집니다. 정보가 많아 산만해지기 쉬운 구조라 항목마다 카드를 끊어, 스크롤 순서가 그대로 분석 순서가 되도록 설계했습니다.
- Project
- 키워드 분석 플랫폼
- Role
- Website
- Period
- 2026.05 – 2026.06
Keyword Lab을 설명하는 4가지 키워드
검색 데이터를 '보여주는' 데서 멈추지 않고 '결정하게' 만드는 것을 기준으로 삼았습니다. 숫자와 해석을 같은 자리에 두어, 처음 쓰는 사람도 다음에 무엇을 할지 알 수 있게 했습니다.
02.
해석이 붙는 숫자
지표 옆에 그 값의 의미를 한 줄로 답합니다.
03.
끊기지 않는 깊이
요약에서 상세까지 한 흐름으로 이어집니다.
04.
다음 키워드로
연관·황금 키워드로 기회를 넓혀 갑니다.
숫자가 먼저 읽히는 프리텐다드
화면의 절반이 수치와 표라서 숫자 가독성을 첫 번째 기준으로 삼았습니다. 값은 굵게, 라벨은 가볍게 두는 대비만으로 위계를 만들어 표가 길어져도 눈이 흐트러지지 않습니다.
KEYWORD LAB
키워드 하나로 콘텐츠 기회를 발견하세요
BoldFont Weight
H1 H2 H3Html Tag
-2.5%Letter Spacing
46 38 32Font Size
KEYWORD LAB
키워드 하나로 콘텐츠 기회를 발견하세요
MediumFont Weight
H4 H5 BUTTONHtml Tag
-2.5%Letter Spacing
24 20 18Font Size
KEYWORD LAB
키워드 하나로 콘텐츠 기회를 발견하세요
RegularFont Weight
P SPAN AHtml Tag
-2.5%Letter Spacing
18 16 14Font Size
데이터를 읽게 하는 블루 중심 팔레트
배경을 밝게 비우고 블루는 판단이 필요한 곳 — 분석 버튼과 핵심 수치 — 에만 썼습니다. 스카이와 앰버는 강조가 아니라 그래프의 계열을 구분하는 역할이라, 지표가 겹쳐도 서로 섞여 보이지 않습니다.
Hex Code:#2454F4
Hex Code:#D4F0FC
Hex Code:#FCE084
Hex Code:#767676
Hex Code:#FFFFFF
KEYWORD LAB MAIN PAGE
검색 → 요약 → 상세 → 확장. 한 페이지가 이 네 단계를 순서대로 통과하도록 구성했습니다. 중간중간 AI가 정리한 해석 카드를 끼워 넣어, 표를 끝까지 읽지 않아도 무엇을 해야 할지 잡히도록 했습니다.
