인스타그램과 브런치로만 센터를 알리던 심리상담센터의 홈페이지입니다. 센터의 철학과 상담사, 프로그램을 차분하게 소개하고, 방문자가 사이트에서 바로 상담을 신청할 수 있게 만들었습니다. [의뢰 배경] 센터를 처음 알게 된 분이 어떤 곳인지 한눈에 알아볼 공식 창구가 없었고, 상담을 신청할 방법도 정리되어 있지 않았습니다. 홈페이지를 통해 센터를 신뢰감 있게 소개하고, 신청까지 자연스럽게 이어지는 흐름을 만드는 것이 목표였습니다. [제작 범위] - 센터 소개, 상담사 소개, 프로그램 안내 - 온라인 상담과 제주 대면 상담 안내 - 자주 묻는 질문, 후기, 문의 게시판 - 단계별 상담 신청 - 관리자 페이지에서 상담 신청, 문의, 후기를 한 화면에서 관리 [신경 쓴 부분] - 분위기: 상담 분야는 첫인상이 신뢰로 이어집니다. 자극적인 요소 없이, 빛이 일렁이는 배경과 따뜻한 색으로 편안한 분위기를 만들었습니다. - 신청 흐름: 긴 양식 한 장 대신 단계별로 하나씩 고르게 해, 신청 중간에 포기하는 일을 줄였습니다. 지금의 마음 상태를 날씨로 고르는 단계를 넣어, 마음을 말로 설명하기 어려운 분도 부담 없이 신청할 수 있게 했습니다. - 선택지: 깊은 상담을 원하는 분과 가볍게 시작하고 싶은 분이 각자 맞는 프로그램을 고를 수 있도록 두 갈래로 나눴습니다. - 휴대폰: 방문자 대부분이 휴대폰으로 들어오는 업종이라 작은 화면부터 설계했습니다. - 관리: 원장님이 개발 지식 없이도 들어온 신청과 문의를 바로 확인할 수 있도록 관리자 화면을 단순하게 구성했습니다. - 개인정보: 상담 신청에는 민감한 정보가 담기기 때문에, 관리자만 볼 수 있도록 접근 권한을 따로 관리합니다. [결과] 홈페이지를 연 뒤 사이트를 통해 문의 7건이 들어왔고, 그중 3건이 실제 상담으로 이어졌습니다. 인스타그램과 브런치만 운영하던 때에는 없던 상담 프로그램 신청도 홈페이지 개설 이후 생기기 시작했습니다. [이런 곳에도 맞습니다] 상담센터뿐 아니라 필라테스와 요가 스튜디오, 클래스, 공방, 학원처럼 예약이나 신청을 받는 곳이라면 같은 방식으로 만들어 드릴 수 있습니다.

1. 대표 사진(메인 화면) 첫 화면에서 센터의 차분하고 따뜻한 분위기가 바로 전달되도록 만들었습니다. 상담 예약과 프로그램 안내로 바로 이어집니다.

2. 브랜드 소개 센터의 철학을 이야기하듯 풀어낸 소개 페이지입니다. 처음 찾은 분이 '이곳은 나를 이해해줄 것 같다'고 느끼도록 문장과 여백을 다듬었습니다.

3. 만남 방식 안내 온라인 상담과 제주 대면 상담을 나란히 비교해 볼 수 있게 정리했습니다. 방문자가 자신에게 맞는 방식을 바로 고를 수 있습니다.

4. 하단 예약 안내 페이지를 끝까지 읽은 방문자가 바로 예약으로 넘어갈 수 있도록 마지막에 다시 한번 신청 버튼을 배치했습니다.

5. 시작 방식 선택 깊은 상담을 원하는 분과 가볍게 시작하고 싶은 분이 각자 맞는 프로그램을 선택할 수 있도록 두 갈래로 나눴습니다.

6. 상담 신청 1단계 상담 신청을 한 번에 긴 양식으로 받지 않고, 단계별로 하나씩 고르게 만들어 신청 중간에 포기하는 일을 줄였습니다.

7. 상담 신청 2단계 지금의 마음 상태를 날씨로 고르게 기획 했습니다. 마음을 말로 설명하기 어려운 분도 부담 없이 표현할 수 있도록 만든 화면입니다.

8. 관리자 화면 원장님이 들어온 상담 신청, 문의, 후기를 한 화면에서 확인하고 관리하는 관리자 페이지입니다. 새로 들어온 신청은 바로 눈에 띄게 표시됩니다.

9. 문의 게시판 상담 전 궁금한 점을 남길 수 있는 문의 게시판입니다. 남긴 문의와 답변 여부를 목록으로 확인할 수 있습니다.

10. 방문자 대부분이 휴대폰으로 들어오는 업종이라 작은 화면에서 먼저 설계했습니다. 관리자 페이지도 휴대폰에서 바로 확인할 수 있습니다.