Concept E · Signal Grid

일정부터 보고,
맞는 회차를 고릅니다.

레슨과 공연 클래스의 대상, 일정, 모집 상태를 한 화면에서 비교하고 지원서와 결제까지 같은 흐름으로 연결합니다.

프로그램 보드 열기 지원 단계 보기

PLATFORM · IMWEB STATUS · DESIGN SAMPLE

프로그램 편성표 콘셉트를 위한 스튜디오 믹싱 콘솔 시안 이미지 — **FIVE SIGNALS** LESSON / BAND / STAGE / EVENT / RECORD

01 · program board

회차가 늘어나도
한눈에 비교되는 보드.

지원자는 상태와 조건을 빠르게 보고, 운영자는 같은 행 구조에서 회차별 값만 수정합니다.

TYPE PROGRAM TARGET SCHEDULE STATUS GO

LESSON 레슨 클래스악기 기본과 합주 준비 입문·기초 확인 필요 자료 입력 전 STAGE 공연 클래스팀 구성과 합주·무대 준비 합주·공연 목표 확인 필요 자료 입력 전 EVENT 이벤트·배너모집 오픈과 마감 안내 참여 조건 확인 확인 필요 기획 확인

3개 프로그램 표시

02 · detail modules

지원 전에 필요한 조건을
항목별로 잠급니다.

상세페이지마다 같은 정보 순서를 유지해 회차가 바뀌어도 찾는 위치가 달라지지 않습니다.

MODULE 01

레슨 클래스 상세

처음 참여하는 사람이 자신의 수준과 준비 범위를 판단할 수 있도록 기본 조건을 먼저 보여줍니다.

대상·난이도확인 필요
일정·장소확인 필요
준비물·커리큘럼확인 필요
가격·환불 기준확인 필요

MODULE 02

공연 클래스 상세

모집 포지션과 합주·공연 조건을 분리해 경험자가 짧은 시간 안에 지원 여부를 판단하게 합니다.

모집 포지션확인 필요
합주·공연 일정확인 필요
장소·준비물확인 필요
기록 제공 범위확인 필요

03 · application route

선택, 지원, 확인, 결제.
한 줄로 이어지는 흐름.

실제 지원 문항과 PG 설정은 확인 후 확정하며, 시안은 아임웹 내장 기능 연결 기준입니다.

프로그램 선택

보드에서 대상과 상태를 비교하고 상세페이지로 이동합니다.

지원서 작성

악기, 경험, 일정 등 팀 구성에 필요한 정보를 입력합니다.

운영자 확인

참여 조건과 신청 내용을 확인하고 다음 절차를 안내합니다.

결제 연결

아임웹 상품·결제 페이지에서 신청을 마무리합니다.

EVENT
01실제 이벤트명 확인 필요

editable campaign band

모집 오픈과 마감을 한 줄로 알립니다.

제목, 기간, 상태, 버튼만 바꿔 원데이 클래스와 신규 회차 모집에 반복 사용하는 배너 구조입니다.

프로그램으로 이동

04 · before apply

신청 전에
확인할 질문.

세부 일정과 가격은 언제 확정되나요?

클래스별 실제 회차 자료를 받은 뒤 보드와 상세페이지에 같은 값으로 반영합니다.

진행 중인 회차를 관리자가 쉽게 바꿀 수 있나요?

프로그램명, 일정, 모집 상태, 가격, 정원처럼 자주 바뀌는 값과 고정 안내를 분리해 수정 범위를 줄입니다.

지원서와 결제를 한 번에 받을 수 있나요?

아임웹 폼과 상품·결제 연결을 기본안으로 두며, 실제 PG 사용 가능 여부와 운영 정책 확인 후 확정합니다.

개인정보와 환불 안내는 어디에 들어가나요?

지원서 동의 영역과 결제 전 안내 영역에 반복 노출합니다. 실제 문구는 고객 정책 확인이 필요합니다.

일정부터 보고,맞는 회차를 고릅니다.