기업

허그맘허그인 헬로패키지

전국 직영·가맹 센터를 지역별로 찾고 상담 문의로 바로 이어지게 한 허그맘허그인 심리상담센터 홈페이지입니다.

CLIENT: 허그맘허그인
PERIOD: 2024.12. ~ 2025.02.
TYPE: 시스템 구축 (관리자, DB, 내부시스템)

사이트 바로가기

허그맘허그인 화면

OVERVIEW

허그맘허그인은 전국에 직영점과 가맹점을 두고 아동·청소년·성인 심리상담을 하는 상담센터 네트워크입니다. 상담은 "가까운 곳"이 가장 중요한 선택 기준이라 홈페이지도 센터 찾기를 중심에 두었습니다. 서울 강남본점을 비롯해 강서·관악·노원·동대문·마포·성북·신도림·송파잠실문정 등 지역별 센터를 전화번호와 함께 나열해, 방문자가 자기 동네 센터를 바로 찾아 전화를 걸 수 있게 했습니다. 대표 상담문의 번호를 상단에 고정해 어느 페이지에서나 연락이 가능하고, 허그맘몰·허그유 같은 연계 서비스와 기업상담·제휴제안 창구를 따로 두어 개인 방문자와 기업 담당자의 길을 갈랐습니다. PC·모바일 반응형으로 제작했습니다.

CLIENT 허그맘허그인
SERVICE 개발, 유지보수
TYPE 시스템 구축 (관리자, DB, 내부시스템) 유지보수
INDUSTRY 심리상담 / 아동·청소년·성인 심리상담센터 (전국 직영·가맹 네트워크)
DEVICE PC / Mobile Responsive
SCALE main 1 page sub 20 page

GOALS & SOLUTIONS

GOALS

방문자가 가까운 센터를 바로 찾게 하기
어느 페이지에서나 전화 상담으로 이어지게 하기
개인 상담과 기업 상담 창구를 갈라 주기
연계 서비스(몰·허그유)로 자연스럽게 잇기

SOLUTION

지역별 센터를 전화번호와 함께 목록으로 배치
대표 상담문의 번호를 상단에 고정 노출
기업상담·제휴제안 메뉴를 별도로 분리
허그맘몰·허그유 연계 배너 배치

KEY INSIGHTS

심리상담은 거리와 연락 편의가 선택을 좌우해서, 센터 목록과 전화번호를 앞에 두는 것이 어떤 소개글보다 효과적입니다.
개인 방문자와 기업 담당자는 원하는 정보가 완전히 달라 창구를 갈라 두어야 둘 다 놓치지 않습니다.

KEY FEATURES

반응형 디자인
게시판/문의
검색 기능
예약/신청 시스템
지도/오시는 길
SNS 연동
보안/SSL 적용
이미지 갤러리/슬라이드

MAIN SCREENS

TECH STACK

#Front-end

HTML5
CSS3
JavaScript
jQuery

#Back-end

PHP

#Database

MySQL

#Server · Cloud · DevOps

Linux
Apache

#Design

Photoshop
Illustrator