Homepage Proposal
Noir헤어
홈페이지 제작 제안서
브랜드 확장, 디자이너 채용, 교육/가맹 문의까지 연결되는 공식 홈페이지 구축안
제안: 스스로마케팅연구소
제안일: 2026년 5월 28일
NOIR
01. Purpose
홈페이지의 제작목적
Noir헤어의 브랜드 강점을 명확하게 어필하고, 이를 바탕으로 사세 확장 및 디자이너 채용이 원활하게 이루어지도록 설계합니다.
브랜드 신뢰도공식 채널을 통해 Noir헤어의 철학, 문화, 성장성을 일관되게 전달
채용 전환디자이너가 합류 이유를 이해하고 바로 지원할 수 있는 흐름 구성
확장 기반지점, 교육, 프랜차이즈 문의를 한 곳에서 수집하는 구조 마련
02. Development Environment
개발환경
기본 호스팅아임웹 스타터 요금제 기반으로 운영 및 관리 편의성 확보
이미지 제작브랜드 무드에 맞춘 비주얼 이미지 가공 및 섹션별 사용
커스텀 코딩아임웹 기본 위젯 한계를 보완하는 코드위젯 기반 인터랙션 구현
아임웹 스타터
반응형 레이아웃
커스텀 HTML/CSS/JS
문의 폼 연동
지도/플레이스 링크
03. Sitemap
사이트맵
Home
첫 화면에서 브랜드 인상, 채용/가맹/교육 전환 버튼, 주요 지점 및 최신 소식을 요약 노출합니다.
Noir Brand
- About: 브랜드 개요
- Spirits: Noir가 추구하는 가치
- Culture: 조직 문화와 일하는 방식
- Care: 직원 케어 및 성장 지원
Branch Location
- 지점 목록
- 지점별 상세 페이지
- 네이버 플레이스 링크
- 실시간 지도 및 방문 정보
Family Recruit
- 채용 메시지
- Noir에서 일한다는 의미
- 근무 환경 및 합류 혜택
- 디자이너 지원 신청서
Academy Education
- 교육 소개
- 진행 중인 교육
- 교육 상세/일정
- 교육 신청서
Franchise Landing
- 가맹 랜딩 원페이지
- 가맹체계
- 예상수익 및 가맹점 혜택
- 가맹 상담 신청서
Notice Board
- News: 공지 및 대외소식
- Co-Work: 협업 제안
- 제휴/제안 신청서
- 게시글 상세 페이지
04. Information Architecture
IA 설계안
| 1Depth | 페이지 목적 | 하위 구조 | 콘텐츠 설계 | 기능·전환 |
|---|---|---|---|---|
| Noir | 브랜드 정체성과 내부 운영 철학을 전달하는 기준 페이지 | About / Spirits / Culture / Care | 브랜드 스토리, 추구 가치, 사내 문화, 직원 케어 시스템 | 채용/가맹 페이지로 이어지는 내부 링크 |
| Branch | 방문자와 예비 지원자가 실제 매장 규모와 위치를 확인하는 페이지 | 지점 목록 / 지점별 상세 | 지점명, 주소, 연락처, 영업 정보, 공간 이미지, 방문 안내 | 네이버 플레이스 링크, 실시간 지도, 전화/길찾기 CTA |
| Family | 디자이너 지원자를 설득하고 지원 접수까지 연결하는 채용 랜딩 | 채용 메시지 / 근무 문화 / 합류 혜택 / 지원 폼 | Noir에서 일하는 의미, 성장 환경, 케어 제도, 지원 대상 | 디자이너 지원 신청서, 개인정보 동의, 관리자 접수 알림 |
05. Information Architecture
IA 설계안
| 1Depth | 페이지 목적 | 하위 구조 | 콘텐츠 설계 | 기능·전환 |
|---|---|---|---|---|
| Academy | 진행 교육을 안내하고 수강 문의를 접수하는 교육 전환 페이지 | 교육 소개 / 진행 교육 / 교육 상세 / 신청 폼 | 교육명, 강사, 일정, 대상, 커리큘럼, 신청 조건 | 교육 신청서, 정원/마감 상태 표기, 문의 CTA |
| Franchise | 광고 유입 방문자를 가맹 상담으로 전환시키는 원페이지 랜딩 | 가맹 제안 / 운영 체계 / 예상수익 / 혜택 / 상담 폼 | 가맹 경쟁력, 수익 구조, 본사 지원, 개설 절차, FAQ | 가맹 상담 신청서, 전화/카카오 CTA, 광고 랜딩 연결 |
| Notice | 브랜드 신뢰도를 보강하고 외부 제안을 수집하는 커뮤니케이션 영역 | News / Co-Work / 게시글 상세 / 제안 폼 | 공지, 대외소식, 언론/행사, 협업 가능 영역, 제안 안내 | 게시판, 검색/분류, 협업 신청서, 파일 첨부 항목 |
06. Conversion Flow
핵심 전환 구조
디자이너 지원Family 페이지에서 근무 매력 전달 후 지원서 폼으로 연결
교육 신청Academy 페이지에서 과정 확인 후 신청서 폼으로 연결
가맹 문의Franchise 원페이지에서 혜택과 수익성을 설득한 뒤 상담 폼으로 연결
Schedule
예상일정
단계
5/28
6/3
6/7
6/10
6/14
제안서 제공2026.05.28까지
1
1차 기획안 제공2026.06.03까지
2
1차 개발완료2026.06.07까지
3
1차 개발본 검수2026.06.10까지
4
개발 완료 및 납품2026.06.14까지
5
Estimate
견적비용
진행 시 필요 비용 Initial Cost
| 항목 | 비용 | 비고 |
|---|---|---|
| 호스팅 | 아임웹 스타터 연 192,000원 부가세 제외 |
아임웹에서 직접 결제하셔야 하는 비용입니다. |
| 홈페이지 기획/디자인/개발 | 500,000원Pro 상품 정상가 700,000원 협력사 할인 적용 | 홈페이지 제작 대행비용이며, 부가세는 제외입니다. |
완성 후 선택 비용 Optional
| 항목 | 예상 비용 |
|---|---|
| 도메인 | 22,550원/년 부가세 포함 |
| 보안인증서(SSL) | 38,500원/년 부가세 포함 |
도메인과 보안인증서는 홈페이지 완성 후 필요 여부에 따라 별도 구매합니다.
도메인 미사용 시 아임웹 기본 도메인을 사용할 수 있으며, SSL 역시 아임웹 기본 보안인증서를 사용할 수 있습니다.
SSL이란? 홈페이지 주소를 https://로 연결해 상담 신청, 연락처 등 입력 정보를 보호하고 주소창 자물쇠 표시로 신뢰도를 높이는 설정입니다.
제작 후 사후 관리는 별도 비용으로 안내드립니다.
1 / 8 · 스스로마케팅연구소
