치매 상담 AI 챗봇 서비스

치매 가족 보호자가 상담, 가이드, 기록을 한 흐름으로 쓰게 만든 운영형 AI 서비스

이음은 치매 보호자를 위해 24시간 AI 상담, 돌봄 가이드, FAQ, 회원 흐름, 구독 등록과 상담 기록 확인까지 실제 서비스 구조로 연결한 프로젝트입니다.

프로젝트명이음
실제 도메인ieum-for-health.click
카테고리치매 상담 AI 챗봇
핵심 행동상담 시작
https://ieum-for-health.click
/치매 돌봄, 이제 혼자 고민하지 마세요.

24시간 언제나 이야기를 듣고, 환자 맞춤형 돌봄 정보를 바로 연결하는 서비스 흐름을 메인에서 보여줍니다.

지금 챗봇 경험하기
어머니가 식사를 거부하시는데 어떻게 해야 할까요?
보호자님, 많이 힘드시죠. 바로 실천할 수 있는 대처법부터 같이 보겠습니다.
/chat

실시간 질문이 이어지는 상담 화면

보호자가 겪는 상황을 바로 입력하고, 환자 상태에 맞는 대응 가이드와 제도 정보를 이어서 받게 했습니다.

/guide

상황별로 찾는 돌봄 콘텐츠

초기 증상, 단계별 돌봄, 보호자 번아웃, 정부 지원처럼 검색 수요가 높은 주제를 구조화했습니다.

/mypage

상담 기록과 구독 관리

가입 후에는 지난 상담과 개인화된 사용 흐름을 확인하게 해 일회성 랜딩이 아니라 반복 사용 서비스로 연결했습니다.

프로젝트 요약

이 사례가 특히 잘 맞는 프로젝트

민감한 주제를 다루는 상담형 서비스
콘텐츠와 실시간 기능이 같이 있는 운영형 제품
첫 방문에서 신뢰와 행동을 동시에 잡아야 하는 서비스
  • 메인 랜딩에서 바로 상담 시작 버튼을 보이게 하고, 보호자 관점 메시지로 첫 진입을 짧게 만들었습니다.
  • 즉시 질문이 필요한 사용자는 채팅으로, 차분히 읽고 싶은 사용자는 가이드와 FAQ로 이동하게 구조를 나눴습니다.
  • 로그인, 마이페이지, 구독 등록, 상담 기록 확인까지 이어지는 실제 운영 서비스 흐름을 함께 설계했습니다.

주요 기능과 포인트

보호자가 실제로 쓰게 되는 기능을 먼저 드러냈습니다

메인

랜딩에서 바로 상담 시작

치매 가족 보호자를 위한 24시간 상담 가치를 짧게 보여주고, 대표 버튼을 바로 채팅으로 연결합니다.

채팅

실시간 질문이 이어지는 상담 화면

보호자가 겪는 상황을 바로 입력하고, 환자 상태에 맞는 대응 가이드와 제도 정보를 이어서 받게 했습니다.

가이드

상황별로 찾는 돌봄 콘텐츠

초기 증상, 단계별 돌봄, 보호자 번아웃, 정부 지원처럼 검색 수요가 높은 주제를 구조화했습니다.

마이페이지

상담 기록과 구독 관리

가입 후에는 지난 상담과 개인화된 사용 흐름을 확인하게 해 일회성 랜딩이 아니라 반복 사용 서비스로 연결했습니다.

페이지 구성

공개 페이지와 회원 흐름이 같이 있는 운영형 구조입니다

공개 진입 페이지

처음 방문한 사용자가 서비스 성격을 이해하고 행동을 정하는 화면입니다.

//aboutUs/faq/contact

콘텐츠 탐색 페이지

치매 돌봄 정보를 주제별로 찾아보는 구조입니다.

/guide/guide/early-symptoms/guide/care-by-stage/guide/government-support

회원 전환 페이지

회원가입과 로그인 이후 구독·결제 흐름으로 이어집니다.

/login/signup/subscribe/billing/register

반복 사용 페이지

이전 상담과 개인 상태를 확인하는 운영형 화면입니다.

/mypage/chat

사용자 흐름

처음 방문부터 반복 사용까지 이렇게 이어집니다

STEP 01메인에서 바로 상담 시작

처음 온 보호자는 긴 설명보다 대표 버튼으로 먼저 채팅을 경험합니다.

STEP 02질문하거나 읽어보거나

즉시 답이 필요하면 채팅으로, 정리된 내용을 찾으면 가이드와 FAQ로 이동합니다.

STEP 03회원 전환과 기록 확인

반복 사용이 필요한 사용자는 로그인과 마이페이지로 이어져 상담 기록을 다시 확인합니다.

STEP 04구독 등록 후 계속 사용

무료 경험 이후에는 구독과 결제 흐름으로 연결해 서비스 사용을 이어가게 했습니다.

기술과 운영 메모

서비스가 계속 돌아가게 보이는 부분도 같이 담았습니다

기술 스택

Next.js 15 App RouterTypeScriptstyled-componentsSEO metadataAI 상담 API 연동

운영 메모

  • 민감한 주제라 과장된 판매 톤보다 안정감 있는 색상과 여백, 높은 가독성을 우선했습니다.
  • 공개 페이지와 회원/구독 페이지가 함께 있어 랜딩이 아니라 실제 운영 서비스 구조를 보여주는 사례입니다.
  • 가이드 페이지가 많아 검색 유입과 정보 구조 설계가 함께 필요한 유형의 프로젝트입니다.

상담 CTA

상담형 서비스도 실제 화면과 흐름 중심으로 이렇게 정리할 수 있습니다

민감한 업종, 콘텐츠가 함께 있는 제품, 첫 방문에서 바로 행동이 필요한 서비스라면 이 사례처럼 실제 사용자 흐름부터 정리해 시작할 수 있습니다.