SYSTEM BLUEPRINT

아르떼힐 브랜드 플랫폼
사용자별 화면 설계와 시나리오

방문자, 수강생, 관리자 여정을 하나의 브랜드 경험으로 연결한 사전 기획서입니다.

방문자와 상담 신청자 시나리오

브랜드 탐색과 상담 전환 여정

첫 방문자가 브랜드를 이해하고 프로그램을 확인한 뒤 예약 또는 문의로 전환되는 흐름입니다.

1. 브랜드 첫인상

영상과 여백 중심의 메인에서 정체성 인지

2. 철학과 전문가 확인

철학, 전문가, 공간 소개로 신뢰 형성

3. 프로그램 탐색

개인과 기업 프로그램 비교

4. 예약 또는 문의

네이버 예약 또는 기업 문의 폼 전환

5. 알림 확인

관리자 알림과 DB 저장

방문자와 상담 신청자 | 화면 01

메인 브랜드 화면

artehill.kr
ARTEHILL
Philosophy / Programs / Learning / Contact
BRAND ENTRY

현대 예술과 웰니스가 만나는 상담 경험

Atelier Image Area
개인 프로그램
기업 프로그램
상담 예약

[화면 개요 및 목적]

큰 이미지, 여백, 짧은 문장으로 예술 심리 브랜드의 첫인상을 전달합니다.

[핵심 기능 로직]

방문 직후 핵심 프로그램과 철학으로 이동하도록 상단 동선을 단순화합니다.

  • WordPress Theme
  • Scroll Interaction
방문자와 상담 신청자 | 화면 02

프로그램 상세 화면

artehill.kr/programs
ARTEHILL
Philosophy / Programs / Learning / Contact
PROGRAM DETAIL

개인 상담과 기업 워크숍을 명확하게 안내

Individuals

미술치료 기반 개인 상담

Organizations

기업 맞춤형 웰니스 워크숍

[화면 개요 및 목적]

개인과 기업 프로그램의 대상, 목적, 예약 방식을 한 화면에서 비교합니다.

[핵심 기능 로직]

예약 전환 버튼은 네이버 예약 또는 문의 폼으로 연결되어 이탈을 줄입니다.

  • Custom Post Type
  • Naver Booking
방문자와 상담 신청자 | 화면 03

기업 문의 접수 화면

ARTEHILL
Philosophy / Programs / Learning / Contact
CONTACT FORM

기업 워크숍 문의가 운영자에게 바로 전달됩니다

기관명: 라움케어
참여 인원: 28명
희망 일정: 9월 2주
관리자 알림 발송

[화면 개요 및 목적]

기업과 기관 문의가 DB에 저장되고 관리자에게 알림으로 전달됩니다.

[핵심 기능 로직]

문의 유형, 희망 일정, 인원 규모를 구조화해 상담 전 확인 시간을 줄입니다.

  • Fluent Forms
  • Admin Notification
온라인 수강생 시나리오

강의 구매와 수강 여정

강의 탐색, 결제, 나의 강의실, 진도율, 수료증으로 이어지는 학습 흐름입니다.

1. 강의 탐색

온라인 강의 카탈로그 확인

2. 커리큘럼 확인

강의 상세와 수강 조건 확인

3. 결제 완료

국내 PG로 안전 결제

4. 이어보기

나의 강의실에서 진도 확인

5. 수료증 발급

조건 달성 시 자동 발급

온라인 수강생 | 화면 01

Learning Center

artehill.kr/learning
ARTEHILL
Philosophy / Programs / Learning / Contact
LEARNING CENTER

예술심리 온라인 강의 카탈로그

마음 드로잉 입문

6강 / 42,000원

색채 감정 기록

8강 / 68,000원

기업 웰니스 클래스

문의형 과정

[화면 개요 및 목적]

강의 카드도 브랜드 톤에 맞게 커스터마이징해 쇼핑몰 느낌을 줄입니다.

[핵심 기능 로직]

카테고리, 난이도, 수강 기간을 카드 안에 정리해 선택 피로를 낮춥니다.

  • LearnDash
  • WooCommerce
온라인 수강생 | 화면 02

강의 결제 화면

artehill.kr/checkout
ARTEHILL
Philosophy / Programs / Learning / Contact
CHECKOUT

마음 드로잉 입문 결제

카드 결제 / 가상계좌 / 현금영수증
42,000원
결제 후 바로 수강

[화면 개요 및 목적]

WooCommerce 결제 화면도 브랜드형 결제 요약과 안정감을 주는 폼으로 바꿉니다.

[핵심 기능 로직]

강의명, 가격, 결제수단, 환불 안내를 한 화면에 정리합니다.

  • WooCommerce
  • Domestic PG
온라인 수강생 | 화면 03

나의 강의실

artehill.kr/my-classroom
ARTEHILL
Philosophy / Programs / Learning / Contact
MY CLASSROOM

이어보기와 수료증 상태 확인

색채 감정 기록
진도율 72% / 이어보기 가능

[화면 개요 및 목적]

수강 중인 강의, 진도율, 이어보기, 수료증 상태를 한 화면에서 보여줍니다.

[핵심 기능 로직]

진도율 조건을 만족하면 수료증 발급 버튼이 활성화됩니다.

  • Data Aggregation & Visualization
  • Progress Tracking
관리자 시나리오

콘텐츠와 수강 운영 여정

프로그램, 강의, 수강생, 문의, 매출을 관리하는 운영자 흐름입니다.

1. 현황 확인

방문자, 매출, 문의 접수 확인

2. 콘텐츠 등록

프로그램과 게시글 관리

3. 강의 관리

영상과 커리큘럼 등록

4. 수강생 관리

진도율과 수료 상태 확인

5. 사이트 운영

FAQ와 팝업 관리

관리자 | 화면 01

관리자 대시보드

wp-admin/dashboard
ARTEHILL
Philosophy / Programs / Learning / Contact
ADMIN DASHBOARD

오늘의 운영 현황

문의 6건
매출 384,000원
수강생 42명
수료 8건

[화면 개요 및 목적]

문의, 매출, 수강생 현황을 운영자가 바로 볼 수 있게 묶습니다.

[핵심 기능 로직]

워드프레스 관리자 안에서 필요한 지표만 전면 배치합니다.

  • WordPress Admin
  • Analytics
관리자 | 화면 02

강의 등록 화면

wp-admin/lessons
ARTEHILL
Philosophy / Programs / Learning / Contact
COURSE EDITOR

Vimeo 강의와 수료 조건 등록

강의명: 마음 드로잉 입문
Vimeo ID: 913245880
수료 조건: 90% 이상
수료증 자동 발급

[화면 개요 및 목적]

강의명, Vimeo 링크, 커리큘럼, 수료 조건을 한 흐름으로 등록합니다.

[핵심 기능 로직]

운영자가 매뉴얼만 보고도 강의를 추가할 수 있게 입력 순서를 단순화합니다.

  • LearnDash Admin
  • Vimeo Embed
관리자 | 화면 03

문의와 수강생 관리

wp-admin/users
ARTEHILL
Philosophy / Programs / Learning / Contact
OPERATION LIST

문의와 수강 상태를 한눈에 확인

라움케어 / 기업 워크숍 문의 / 답변 대기
김서연 / 색채 감정 기록 / 진도율 72%
수료증 발급 대상 8명

[화면 개요 및 목적]

기업 문의와 수강생 진도 상태를 운영자가 쉽게 확인합니다.

[핵심 기능 로직]

응대 상태와 수강 상태를 함께 관리해 운영 누락을 줄입니다.

  • CRM Form DB
  • Issue Tracking & Status Management