OVERVIEW
허그맘허그인은 아동·청소년과 성인을 대상으로 하는 심리상담 센터로, 전국에 직영점과 가맹점을 두고 있습니다. 이 건은 상담 전에 받는 IESS 검사를 사이트 안에서 처리하도록 만드는 작업이었습니다. 심리검사는 받고 끝나면 의미가 없고 결과에 따라 상담으로 이어져야 하는데, 검사와 상담 신청이 따로 돌아가면 검사만 받고 이탈하는 사람이 생깁니다. 그래서 검사 응답을 받고 결과를 보여 준 뒤, 수치가 높게 나온 사람에게는 결과 화면에서 바로 상담 신청으로 넘어가도록 흐름을 이어 붙였습니다. 검사 결과와 상담 신청 정보는 센터 관리자에서 확인할 수 있게 하고, 전국 지점이 쓰는 구조라 어느 지점으로 연결되는지도 함께 다뤘습니다. 검사 결과가 들어오는 외부 시스템과 주고받는 부분까지 연결해 한 흐름으로 묶었습니다.
-
CLIENT 허그맘허그인
-
SERVICE 기획, 디자인, 퍼블리싱, 개발
-
TYPE 홈페이지 제작 (반응형/디자인) 시스템 구축 (관리자, DB, 내부시스템)
-
INDUSTRY 심리상담 / 아동·청소년·성인 심리상담센터 (전국 직영·가맹 네트워크)
-
DEVICE PC / Mobile Responsive
-
SCALE main 1 page sub 10 page
GOALS & SOLUTIONS
GOALS
심리검사를 사이트 안에서 받고 결과까지 보여 주기
결과가 높게 나온 사람을 상담 신청으로 바로 이어 주기
검사·신청 정보를 센터 관리자에서 확인하게 하기
전국 지점 구조에 맞게 연결하기
SOLUTION
기본정보 입력과 문진 화면을 구성해 검사 응답 수집
결과 화면에서 상담 신청으로 이어지는 동선 연결
상담 신청 내역을 관리자에서 조회·처리할 수 있게 구성
외부 검사 시스템과 데이터를 주고받도록 연동
KEY INSIGHTS
심리검사는 결과를 보여 주는 게 끝이 아니라 시작입니다. 결과 화면에서 상담 신청 버튼이 나오느냐 아니냐로 전환율이 갈리기 때문에, 검사와 상담을 한 흐름으로 설계해야 합니다.
KEY FEATURES
- 관리자 CMS
- 게시판/문의
- 회원가입/로그인
- API/외부 시스템 연동
MAIN SCREENS
TECH STACK
#Front-end
-
HTML5
-
CSS3
-
JavaScript
-
jQuery
#Back-end
-
PHP
-
REST API
#Database
-
MySQL



