이 글의 목차

먼저 알아둘 답

고객이 가격과 상담을 쉽게 찾는 홈페이지 메뉴는 어떻게 구성하나요?

고객이 찾는 서비스, 가격과 문의 방법을 쉽게 고를 수 있는 이름으로 메뉴를 만드세요. 회사 조직도나 어려운 기술명만 보여주기보다 방문자의 질문을 기준으로 묶는 것이 좋습니다. 휴대폰에서 메뉴를 열고 원하는 페이지로 갈 수 있는지도 확인합니다.

사업 상황으로 이해하기설명을 위한 가상 예시

펜션: 감성적인 메뉴 이름만으로 객실을 찾을 수 있을까요?

‘머무름·기억·이야기’ 메뉴만 있어 객실과 예약 안내가 어디에 있는지 모릅니다.

이렇게 바꿔보세요

주요 메뉴를 ‘객실 안내·이용 요금·예약·오시는 길’처럼 내용이 예상되는 이름으로 정합니다. 감성 문구는 페이지 안의 소개에 활용합니다.

메뉴는 고객이 정보를 찾는 표지판입니다. 처음 온 사람이 눌러보기 전에 목적지를 짐작할 수 있어야 합니다.

내 사업에서 확인할 일

처음 보는 사람에게 원하는 객실과 요금을 찾게 하고 망설이는 메뉴를 기록하세요.

이 글에 나오는 용어3개 · 뜻과 예시 보기

낯선 용어는 아래 뜻과 예시를 참고하세요.

UI화면의 버튼·메뉴·입력 요소

사용자가 기능을 선택하고 정보를 읽거나 입력하는 접점입니다. 예쁘게 보이는 것과 읽고 조작하기 쉬운 것은 함께 확인해야 합니다.

예를 들면 휴대폰에서 상담 버튼의 글자가 읽히고 손가락으로 누르기 쉬운지 확인합니다.

UX사용자가 목적을 달성하는 전체 경험

정보를 찾고 신청하거나 상담하는 과정이 얼마나 이해하기 쉽고 편한지 살펴보는 관점입니다.

예를 들면 상담 버튼이 보여도 가격·범위가 설명되지 않으면 사용자가 결정을 망설일 수 있습니다.

접근성다양한 사용자가 내용을 읽고 기능을 쓸 수 있게 하는 조건

키보드 사용, 읽기 쉬운 글자, 이미지 설명과 오류 안내 등을 포함합니다. 일부 항목 확인만으로 인증이나 법적 준수를 판정하지 않습니다.

예를 들면 마우스를 쓰기 어려운 사람도 메뉴를 선택하고 상담 링크로 이동할 수 있어야 합니다.

고객이 찾는 정보를 적어봅니다

방문자가 처음 물을 질문을 다섯 개 정도 적어보세요. “어떤 일을 하나요?”, “내 상황에도 맞나요?”, “비용은 어떻게 정하나요?”, “무엇을 준비하나요?”, “어디로 문의하나요?”가 예시입니다. 메뉴 이름은 이 질문의 목적지를 설명해야 합니다.

멋있는 이름보다 의미가 명확한 이름

브랜드의 개성은 제목과 비주얼에서 표현하고, 탐색 메뉴는 목적을 이해할 수 있는 표현을 권장합니다. “Experience”처럼 범위가 모호한 이름만 있으면 서비스인지 사례인지 구분하기 어려울 수 있습니다. 이는 모든 영문 메뉴가 나쁘다는 뜻이 아니라 주요 방문자의 언어와 맥락을 고려하자는 기준입니다.

서로 다른 정보를 같은 메뉴에 섞지 않습니다

서로 다른 정보를 같은 메뉴에 섞지 않습니다 — 비교 항목
고객의 질문 가능한 목적지
무엇을 만들어주나요? 서비스 안내
어떤 범위와 비용인가요? 상품, 견적 기준
어떻게 진행하나요? 제작 절차, 준비 안내
실제 자료를 볼 수 있나요? 프로젝트, 화면 구상임을 표시한 자료
내 상황을 설명하고 싶어요 문의, 상담

모바일과 키보드에서도 길을 찾을 수 있어야 합니다

드롭다운은 마우스 올리기에만 의존하지 않도록 구성합니다. 휴대폰에서 버튼을 누르거나 키보드로 이동할 때 메뉴를 열고 닫을 수 있어야 합니다. 현재 선택한 항목과 포커스 위치도 구분되어야 합니다.

메뉴를 줄이면서 중요한 페이지가 사라지지 않았는지 확인하세요. FAQ나 절차는 서비스 페이지에서 설명적인 링크로 연결할 수 있습니다.

변경 후 짧은 과제로 최종 확인합니다

  • 처음 방문한 사람이 원하는 서비스로 이동할 수 있는지
  • 모바일에서 메뉴 이름이 잘리거나 겹치지 않는지
  • 키보드만으로 메뉴와 문의 버튼에 접근할 수 있는지
  • 뒤로 가기와 페이지 이동 뒤에도 맥락을 이해할 수 있는지
  • 비슷한 메뉴 이름이 같은 내용으로 반복되지 않는지

방문자의 질문을 메뉴 이름으로 바꾸기

“솔루션”처럼 폭넓은 이름만 쓰면 처음 온 고객이 필요한 페이지를 찾기 어려울 수 있습니다. 홈페이지 제작, 앱 개발과 업무 자동화처럼 실제 서비스 이름을 드러내세요. 인사이트는 서비스 계약 페이지와 분리하고 제작 비용, 운영, 검색 등 질문의 분야로 이동할 수 있게 구성합니다.

메뉴가 많아지면 모든 항목을 첫 줄에 나열하기보다 성격이 비슷한 주제를 묶습니다. 클릭해 열리는 메뉴에는 펼침 표시와 키보드 접근을 제공하고, 현재 위치도 알려주세요. 메뉴의 수가 아니라 필요한 페이지를 찾는 과정이 명확한지로 판단합니다.

휴대폰에서 상담까지의 경로를 시험합니다

처음 방문한 사람이 사업 설명을 읽고 서비스 범위를 확인한 뒤 상담 채널을 고를 수 있는지 직접 따라가보세요. 작은 화면에서 버튼이 겹치거나 메뉴가 화면을 가리는지 확인합니다. 항상 떠 있는 상담 버튼을 넣을 경우 본문과 기기의 하단 영역을 과도하게 가리지 않도록 설계합니다.

전화, 카카오톡, 이메일의 링크 이름을 실제 동작에 맞춰 적습니다. “접수 완료” 같은 문구는 실제 전송이 이루어진 경우에만 사용할 수 있습니다. 채널을 여는 버튼과 데이터 등록 버튼을 혼동하지 않으면 방문자가 다음에 무엇을 해야 하는지 이해하기 쉽습니다.

설명과 행동을 같은 화면에서 연결합니다

상품 가격 옆에 포함 범위와 VAT, 별도 비용을 확인할 링크를 두면 방문자가 여러 페이지를 오가며 조건을 추측하지 않아도 됩니다. 전문 개발 페이지에는 지원 분야와 확인해야 할 장비, 자료를 표시한 뒤 상담으로 연결하세요. 모든 섹션에 같은 버튼을 반복하는 것보다 질문이 해결되는 지점에 다음 행동을 배치합니다.

화면 개선 후에는 상담 연결이 더 잘되는지 실제 데이터를 확인할 수 있습니다. 분석 도구를 쓰지 않는다면 담당자에게 들어오는 문의 유형과 혼동되는 질문을 기록하는 것도 출발점입니다. 버튼 위치를 바꾼 뒤에는 실제 상담이 달라졌는지 확인해야 합니다.

YOUR NEXT STEP WITH 짓고 JiTGO

보기 좋은 화면을, 사용하기 쉬운 홈페이지로.

모바일 메뉴와 정보 순서, 상담 연결을 실제 사용 흐름에 맞게 정리합니다.

  • 기본형 30만 원 · VAT 별도
  • 진단·상담 모두 무료
  • 계약금·선결제 없이 먼저 제작
  • 5일 검토 · 미채택 비용 0원
  • 채택·결제 후 원천 소스 · 첫 1년 기본 서버 운영비 포함

최대 20페이지의 소개형 기본 상품에 적용합니다. 도메인·유료 서비스·추가 기능·별도 유지보수는 제외합니다. 완료 안내 다음 날부터 5일 검토하고 무응답은 미채택·비용 0원으로 자동 종료합니다.

무료 선제작 이용조건 ↗ · 고객 자료는 허락 없이 재사용하지 않습니다.

전화 070-8983-8334 이메일 상담 상담 안내 ↗
출처·콘텐츠 운영 원칙·웹디자인·UI/UX 전체 글