화면 안에서 스크롤하면 페이지 끝까지 볼 수 있어요.
프로젝트 소개
스쿠버·프리·테크니컬 다이빙 센터의 홈페이지입니다. 교육 프로그램 20여 개와 일정 캘린더, 투어 모집, 장비 판매·수리를 담았습니다. 중심은 다이브 플래너로, 수심·시간·기체·탱크를 넣으면 무감압 여유와 예상 잔압을 계산하고 버디와 정한 계획을 한 장의 브리핑(PDF)으로 공유합니다. 테크 모드와 로그북은 회원 기능(3일 체험)입니다.
화면 둘러보기
누르면 페이지 전체를 크게 볼 수 있어요.
모바일 화면
페이지 구성 (20개)
- 1.메인
- 2.회사소개
- 3.교육 프로그램 (전체)
- 4.스쿠버·프리·테크니컬 교육 (분류별)
- 5.프로그램 상세
- 6.강사 소개
- 7.스케줄 (교육·투어·산업잠수 캘린더)
- 8.투어 모집 (게시판)
- 9.산업잠수 (회사소개서)
- 10.장비 판매
- 11.장비 수리 신청
- 12.갤러리
- 13.제휴업체
- 14.문의하기
- 15.다이브 플래너 (레저)
- 16.다이브 플래너 (테크 모드)
- 17.플랜 저장·로그북
- 18.다이빙 안전 참고표
- 19.회원가입·로그인 (3일 체험)
- 20.이용약관·개인정보처리방침
주요 기능
- 다이브 플래너: 감압 모델(ZH-L16C + GF)로 무감압 여유·예상 잔압 계산, 조정 이유와 다음 행동 안내
- 하루 여러 회차와 수면 휴식 연결 (앞 회차를 고치면 다음 회차 다시 계산)
- 버디 브리핑: 복귀·상승 압력, 분리 시 절차를 이미지·글·PDF로 공유
- 테크 모드(트라이믹스·감압·폐쇄회로·스테이지 실린더), 플랜 저장·로그북, 가입 후 3일 체험
- 다이빙 안전 참고표: 미 해군 무감압 한계와 플래너 계산값 비교, 최대 운용 수심, 산소 노출 한도
- 교육 프로그램 20여 개, 일정 캘린더(교육·투어·산업잠수), 투어 모집 게시판
- 장비 판매·수리 신청, 네이버 예약·스마트스토어 연결, 관리자 페이지
실제로 제작한 사례입니다
같은 디자인을 그대로 복제하지 않고, 고객님의 브랜드와 요구사항에 맞춰 새로 설계합니다. 오른쪽 예상 견적은 이 사례와 비슷한 구성을 가격표 기준으로 계산한 금액이에요.