디자인이 반영되지 않은 프로토타입입니다 · 흐름을 확인하는 제안 검토용 시연 페이지 — 저작권은 제안자에게 있으며 계약 미체결 시 활용을 금합니다. 무단 사용·복제 금지.

제안 프로토타입 · 가상 데이터 · 2026.09

다이브아카데미 — 홈페이지에서 받은 문의가
원장님 화면에 그대로 쌓입니다

통화에서 말씀하신 흐름을 실제로 눌러볼 수 있게 만들었습니다. 생김새보다 문의가 어디로 흘러가는지를 봐 주십시오.

"그다음에 저희가 이게 홈페이지에 문의를 남기면 자동으로 이 DB가 기입이 되거든요. 그런 것도 혹시 연동이 되는지."2026-09-04 통화 中

읽은 것
홈페이지와 관리 프로그램이 따로 놀면 문의가 손으로 옮겨진다는 것이 문제라고 읽었습니다. 옮기는 순간 누락과 오타가 생깁니다.
만드는 것
홈페이지 상담 폼과 원장님 관리 화면이 같은 데이터베이스를 봅니다. 문의가 들어오면 옮기는 과정 없이 상담 목록에 바로 생깁니다.
전제
화면의 이름·연락처·금액은 전부 가상입니다. 과목명은 보내주신 화면에서 확인한 실제 과정으로 맞췄고, 상담 2,450건·수강생 802명은 통화에서 말씀하신 규모입니다.

이렇게 보시면 됩니다

인트로
지금 이 화면 — 저희가 통화를 어떻게 읽었는지.
스타일
브랜드 한 장과 참고 화면 6개. 마우스를 올리면 아래까지 훑어 내려갑니다.
화면
실제로 눌러보는 곳. 홈페이지에서 상담을 신청하면 원장님 화면에 그 건이 나타납니다.

화면 시연용 프로토타입입니다 · 인명·연락처·금액은 전부 가상입니다

스타일 · 브랜드와 참고 화면

이름이 이미 콘셉트입니다

다이브아카데미는 깊이를 말하는 이름이고, 이 학원의 과정은 실제로 LV1 → LV2 → LV3 → 디플로마로 깊어집니다. 이름과 커리큘럼이 이미 맞물려 있습니다.

DIVE ACADEMY
Dive into coffee & baking
배움에 깊이 뛰어들다
DIVE IN
새 분야에 뛰어들다 — 첫 수업의 자리
DEEP DIVE
한 분야를 깊이 배우다 — LV2·LV3의 자리
DIPLOMA
푹 빠져 끝까지 가다 — 디플로마의 자리
로스팅에서 가져온 색 — 진한 원두 · 미디엄 로스트 · 크레마 · 밀가루 · 생두

참고한 화면 — 마우스를 올리면 아래까지 훑어 내려가고, 누르면 크게 보입니다

참고 화면 1 — 따뜻한 편집형 첫 화면
참고 화면 1
홈페이지 · 첫 화면영문 헤드라인 + 사진 네 칸Dive into coffee & baking 이 놓일 자리
참고 화면 2 — 여백 넓은 공간 소개
참고 화면 2
홈페이지 · 공간여백으로 만드는 신뢰실습실·장비 사진이 크게 놓이는 구성
참고 화면 3 — 상담 목록 표
참고 화면 3
관리 화면 · 상담상태는 색 있는 알약으로신규·상담예정·등록완료가 글자 없이도 구분되게
참고 화면 4 — 표 가독성 비교
참고 화면 4
관리 화면 · 표같은 표도 이렇게 달라집니다줄 간격·정렬·강조를 이 기준으로
참고 화면 5 — 수강생 목록
참고 화면 5
관리 화면 · 수강생행 끝에 바로 실행되는 작업수강정보·수강신청을 한 번에
참고 화면 6 — 좌측 메뉴 구조
참고 화면 6
관리 화면 · 구조좌측 고정 메뉴 + 넓은 표지금 쓰시는 구조를 그대로 가져갑니다

방향 논의를 위해 인용한 제3자 화면 사례이며 저희 작업물이 아닙니다 · 저작권은 각 원작자에게 있습니다

톤을 고르면 「화면」 탭에 색이 입혀집니다
방문자가 보는 곳과 원장님만 보는 곳입니다
PROTOTYPE · 가상 데이터
dive-academy.example.test
WEB학원 홈페이지 — 누구나 볼 수 있는 곳
톤을 입힌 상태입니다. 색·서체는 계약 후 1주차에 함께 정합니다.

학원 홈페이지 — 방문자 원장님 화면 — 사무실에서만 접속 사진 자리는 점선 상자로 표시했습니다 (도면 표기) 핵심 흐름만 담았습니다 · 직원 계정·과목 정가표·접속 기록은 구축 범위에 포함, 시연 생략