프로젝트 배경
1) 문제점 - 상담·코칭 센터인데 프로그램, 센터 위치, 신청 방법이 채널마다 흩어져 있어 방문 전 신뢰와 전환이 약했음 - 개인 로드맵과 기업·교육·강연 상품이 한 사이트에 정리되어 있지 않음 - 공지·FAQ·자가진단을 운영자가 직접 올리기 어렵고, 모바일에서 읽기 힘든 구조가 필요했음 2) 목표 - 브랜드(온숨 스토리·이념·공간)와 상품(로드맵·B2B)을 한 흐름으로 보여주는 공식 사이트 구
프로젝트 성과
공개 페이지 구축
온숨소개·프로그램·기업용·커뮤니티·신청·로그인까지 실제 메뉴 경로를 구현. 데스크톱·모바일 헤더와 카카오 상담 버튼을 전 페이지에 공통 적용.
전환 동선
프로그램 안내 → 온라인 신청/상담 신청 폼으로 연결. 희망 장소·일정·프로그램 선택 필드를 두고, 자가진단 4종(우울·스트레스·불안·번아웃)으로 유입 경로를 만듦.
운영 기능
공지 목록·검색·카테고리 배지, 관리자 게시판과 파일 첨부, Supabase 연동. GitHub PR로 카피·가격·위치 수정을 반복 반영.
핵심 기능
진행 단계
기획/골격 설계
2025.10.
메뉴 IA, Next.js 15 프로젝트 생성, 헤더/푸터, 홈 히어로, 기본 신청·FAQ
프로젝트 상세
1) 포트폴리오 소개 상담·코칭 센터 ON:SOOM(온숨)의 공식 웹사이트입니다. 서비스 카테고리: 기업·기관 홈페이지 / 상담·코칭 안내 웹 메인 타깃: 자기 이해·진로·회복이 필요한 2030 개인, 그리고 조직문화·리더십이 필요한 기업·교육기관 개인 로드맵 프로그램과 기업·교육·강연 사업을 한 사이트에서 안내하고, 온라인 신청과 카카오 상담으로 연결되도록 구축했습니다. 2) 작업 범위 참여







