← 목록으로
📝 Prompt
페이지 네비게이션 맵
전체 사이트 구조와 페이지 간 관계를 시각화합니다
네비게이션 유형
📍
주 메뉴
헤더의 메인 네비게이션 - 주요 섹션 빠른 접근
🔗
하위 메뉴
카테고리별 상세 페이지 - 드롭다운/사이드바
⬇️
푸터 링크
유틸리티 페이지 - 정책, 도움말, 회사 정보
🍞
브레드크럼
계층 구조 표시 - 현재 위치와 상위 페이지
사이트맵 구조
🏠
홈페이지
🏠
홈
공개
🛍️
제품/상품
📦
전체 상품
공개
🏷️
카테고리 페이지
📱
상품 상세
✨
신상품
NEW
🔥
베스트셀러
💰
할인 상품
ℹ️
회사 소개
📖
우리 이야기
👥
팀 소개
💼
채용
📋
채용 공고
📝
지원서 작성
📰
보도자료
💬
고객 지원
🏢
고객센터
📚
카테고리
📄
도움말 문서
📧
문의하기
❓
자주 묻는 질문
🚚
배송 정보
↩️
반품/교환
👤
계정 (인증 필요)
🏠
대시보드
로그인
📦
주문 내역
로그인
🔍
주문 상세
❤️
위시리스트
로그인
⚙️
설정
로그인
👤
프로필
🔒
보안
🔔
알림 설정
🔐
인증
🔑
로그인
공개
✍️
회원가입
공개
🤔
비밀번호 찾기
🔄
비밀번호 재설정
🔧
유틸리티
🛒
장바구니
💳
결제하기
🔍
검색 결과
❌
404 오류
🔒
개인정보 처리방침
📜
이용약관
브레드크럼 예시
홈
/
전체 상품
/
전자기기
/
스마트폰
시각적 네비게이션 맵
🏠
홈페이지
🛍️
상품
ℹ️
소개
💬
지원
👤
계정
79. 페이지 네비게이션 맵 Design a site navigation/sitemap diagram: **Homepage Hub**: - Main entry point - Branches to all major sections - Quick links to key pages **Main Navigation Sections**: **Products**: - All Products (listing) - Category pages - Product detail pages - New Arrivals - Best Sellers - Sale **About**: - Our Story - Team - Careers - Job listings - Job detail - Application form - Press **Support**: - Help Center - Category - Article - Contact Us - FAQ - Shipping Info - Returns **Account** (authenticated): - Dashboard - Orders - Order detail - Wishlist - Settings - Profile - Security - Notifications - Logout **Auth Flow**: - Login - Register - Forgot Password - Reset Password **Utility Pages**: - Cart - Checkout (multi-step) - Search Results - 404 Error - Privacy Policy - Terms of Service **Visual Representation**: - Tree structure - Color code by section - Indicate auth-required pages - Show main vs footer nav **Navigation Types**: - Primary: main header nav - Secondary: subnavigation - Footer: utility links - Breadcrumb paths Tech: Sitemap diagram in Pencil.dev
디자인 프롬프트
×