홈페이지를 새로 만들 때 사장님들이 가장 흔히 하는 말이 있습니다. "이 메뉴도 넣고, 저 페이지도 위에 보여주세요." 그렇게 회사·제품·서비스·후기·공지·채용·이벤트·문의까지 상단에 여덟 개가 줄지어 늘어섭니다. 정작 고객은 그 많은 메뉴 앞에서 가장 중요한 버튼 하나를 찾지 못하고 떠납니다. 상단 내비게이션(GNB, Global Navigation Bar)은 사이트의 안내판입니다. 안내판이 복잡하면 길을 잃습니다.
1. 메뉴는 다섯 개 안팎으로 줄인다
사람이 한눈에 비교하며 고를 수 있는 선택지는 대략 다섯에서 일곱 개입니다. 그 이상이 되면 "무엇을 고를까"가 아니라 "고르기 귀찮다"로 바뀝니다. 작은 회사 사이트라면 회사소개·서비스·후기(또는 사례)·문의 정도의 네다섯 개로 충분합니다. 채용·공지·이벤트처럼 자주 찾지 않는 페이지는 푸터로 내려보내세요. 상단은 가장 많은 고객이, 가장 자주 누르는 길만 남기는 자리입니다.
2. 메뉴 이름은 회사 언어가 아니라 고객 언어로
"솔루션", "비즈니스 인사이트", "고객 가치"처럼 회사 내부에서 쓰는 말은 고객에게 아무 단서도 주지 못합니다. 고객은 자기가 찾는 것이 그 메뉴 뒤에 있는지를 0.5초 안에 판단합니다. "가격", "서비스", "후기", "오시는 길"처럼 누구나 즉시 이해하는 단어를 쓰세요. 멋있는 이름보다 정확한 이름이 클릭을 만듭니다.
3. 가장 중요한 행동 하나는 메뉴가 아니라 버튼으로
모든 메뉴가 똑같은 글자색·똑같은 크기로 나열되면, 고객의 눈은 어디로 가야 할지 모릅니다. 사이트가 고객에게 가장 바라는 행동 — 보통 "무료 상담"이나 "견적 문의" — 은 메뉴 텍스트가 아니라 색이 채워진 버튼으로 오른쪽 끝에 분리해 두세요. 나머지 메뉴와 시각적으로 다르게 보이는 순간, 그 버튼의 클릭률은 눈에 띄게 올라갑니다.
4. 모바일 햄버거 메뉴의 함정을 피한다
방문자의 절반 이상이 모바일입니다. 좁은 화면에서 메뉴를 줄 세 개(☰) 아이콘 안에 숨기는 것은 자연스럽지만, 핵심 행동까지 숨겨서는 안 됩니다. 햄버거 안에는 일반 메뉴를 넣되, "전화 문의"나 "상담 신청" 버튼만큼은 화면 하단에 항상 보이도록 고정하세요. 고객이 결심한 순간 손가락이 닿는 자리에 버튼이 없으면, 그 결심은 그대로 식어버립니다.
5. "지금 어디에 있는지"를 항상 알려준다
고객이 서비스 페이지를 보고 있다면, 상단 메뉴의 '서비스'가 다른 색이나 밑줄로 표시되어 있어야 합니다. 현재 위치 표시(active state)가 없으면 고객은 길을 걷다 이정표가 사라진 것처럼 방향 감각을 잃습니다. 더해서, 스크롤을 내려도 메뉴 바가 화면 위에 따라붙도록(sticky) 하면, 고객은 어느 위치에서든 다음 행동으로 한 번에 이동할 수 있습니다.
안내판이 분명하면 고객은 끝까지 걷는다
좋은 내비게이션은 화려한 메뉴가 아니라, 고객이 헤매지 않고 원하는 곳에 도착하게 만드는 안내판입니다. 메뉴를 줄이고, 이름을 고객의 말로 바꾸고, 가장 중요한 버튼을 분리하는 것 — 이 작은 정리만으로도 문의 전환은 달라집니다. CYAN에서 작은 회사 웹사이트를 만들 때 가장 먼저 손보는 부분이 바로 이 상단 메뉴입니다. 디자인을 화려하게 바꾸기 전에, 고객이 길을 잃지 않는 구조부터 잡는 것이 전환을 만드는 가장 빠른 길이기 때문입니다.