검색·예약·신청 흐름 5종 · BLOCK TEMPLATE

상세 일정·가용성 선택표

서비스 설명과 네 회차의 날짜, 시간, 잔여 상태, 선택 조건을 하나의 운영표에서 대조합니다.

검색·예약·신청 흐름상세 일정가용성·회차 선택
목록으로 돌아가기
상세 일정·가용성 선택표 블록 화면

블록 활용 가이드

어떤 역할이고, 어디에 어떻게 쓰는지

공공·교육·문화·전문서비스 사이트에서 자주 쓰는 탐색과 신청의 전후 맥락을 정적인 화면 예시로 제공합니다. 실제 폼이나 예약 기능을 가장하지 않고 조건 기본값, 상태 기준, 비용·취소 정책, 접수 이후 책임을 구조화합니다.

01

이 블록이 맡는 역할

서비스 설명과 네 회차의 날짜, 시간, 잔여 상태, 선택 조건을 하나의 운영표에서 대조합니다.

02

어디에 배치하나요

교육·시설·상담 상세에서 소개, 회차 선택, 비용과 취소 기준을 신청 전에 함께 확인해야 할 때 배치합니다.

03

어떻게 사용하나요

잔여 상태 갱신 방식과 회차·비용·취소 정책을 운영 시스템과 대조하고 실시간 선택 기능처럼 표현하지 않습니다.

적용할 때 준비할 내용

샘플을 그대로 쓰지 않고 실제 콘텐츠로 바꿉니다.

  1. 문구와 사실회사·서비스·사례에서 실제로 확인할 수 있는 내용을 준비합니다.
  2. 연결할 행동상담, 상세 보기, 신청처럼 이 블록 다음에 이어질 행동을 하나 정합니다.
  3. 브랜드 표현사이트 스킨의 색·글꼴·여백에 맞춰 블록을 자연스럽게 조정합니다.

블록은 조합해서 사용합니다

이 블록을 사이트 흐름에 맞게 연결해 드립니다.

필요한 콘텐츠와 기능을 확인한 뒤 다른 블록, 사이트 스킨과 어울리도록 조정합니다.

AI 상담원과 실시간 상담