BILLABLE · 의뢰인(고객)용 웹화면 · Phase 1

의뢰인 예약·결제 모바일 웹 시안

의뢰인이 변호사에게 받은 카카오 알림톡 링크를 눌러 스마트폰에서 마주하는 화면입니다. 예약 안내 확인과 예약금 결제, 상담 후 상담료 결제까지 — 돈을 다루는 법률 페이지답게 신뢰·안심·투명을 우선한 독립 톤으로 설계했습니다. 모든 화면이 공유 디자인 시스템(client.css)을 사용합니다.

📱 모바일 우선🔒 안전결제(PG: 카드·간편결제·가상계좌)🗓 2026.06.26
1예약 안내 2예약금 결제 3예약 확정 4상담 5상담료 결제 6완료
방문상담

방문상담 예약 · 결제

지인 소개 케이스 · 김민수님 · 1시간 30만원 · 예약금 5만원
열기 ↗
01예약 안내 · 예약금 결제상담료·예약금·취소규정 안내
열기 ↗
02예약 확정찾아오시는 길 · 주차 안내
전화상담 · 로톡

전화상담 예약 · 결제

로톡 유입 케이스 · 이서연님 · 최초 15분 2만원·이후 15분당 6만원 · 예약금 2만원
열기 ↗
01b예약 안내 · 예약금 결제15분 단위 요금 투명 안내
열기 ↗
02b예약 확정 (전화)통화 안내 · 캘린더 추가
상담료 결제

상담 후 상담료 청구 · 결제

방문 1시간 → 30만원 + VAT 3만원 − 예약금 5만원 = 28만원
열기 ↗
03상담료 청구 · 결제영수증 내역 · 결제수단 선택
열기 ↗
04결제 완료 · 영수증승인 정보 · 현금영수증
참고

예약 화면에서 연결되는 보조 화면

'변호사님 이력 보기' · '찾아오시는 길'
열기 ↗
05변호사 이력 보기약력 · 전문분야 · 사무소 정보
열기 ↗
06찾아오시는 길 · 주차안내지도 · 대중교통 · 주차
참고 · 사무소명·변호사 이력·주소·사업자번호·승인번호 등은 모두 예시값이며, 실제 데이터로 교체하면 됩니다. 변호사 이력의 처리사례 문구는 대한변호사협회 광고규정에 따라 별도 검토가 필요합니다. 결제(PG)·카카오 알림톡 연동은 실제 PG·비즈채널 계약 후 동작하며, 본 시안은 화면 흐름 목업입니다.