차량 관리 앱 UX/UI
서비스 기획·UX/UI
D08 · APPS · UX
제품·시연 사례제공된 제품 화면 · 예시 데이터
캐릭터 AI 채팅
캐릭터의 성격과 대화 설정을 만들고 텍스트·이미지·음성 메시지로 대화하는 모바일 앱 템플릿입니다. 캐릭터 관리, 대화 도구와 테마를 함께 구성했습니다.
- 사례
- 캐릭터 설정 및 멀티미디어 AI 채팅 모바일 앱
- 수행 유형
- 제품·시연 사례
- 작업 범위
- 캐릭터 생성·프로필 · 채팅·이력 · 이미지·음성 · AI 대화 도구 · 테마
- 자료
- 제공된 제품 화면 · 예시 데이터
캐릭터의 설정에서 대화로
이름·아바타·성격과 시스템 프롬프트를 설정하고 프로필에서 대화를 시작하는 모바일 흐름을 구성했습니다. 이미지 스타일과 대화 시작 문구도 캐릭터 정보와 함께 다뤄 캐릭터를 만드는 과정이 채팅으로 이어지도록 했습니다.
텍스트·이미지·음성을 담는 대화 화면
대화 목록에는 최근 내용을 표시하고 채팅 화면에는 텍스트와 이미지·음성 메시지를 배치했습니다. 요약·다시 쓰기·번역 도구의 진입점을 입력 영역 가까이에 구성했습니다. 캐릭터 관리, 대화 이력과 대화 도구를 한 앱 템플릿 안에서 다뤘습니다.
모바일 화면과 상태 관리
React Native와 Expo Router로 목록·프로필·채팅·생성 모달·설정을 연결했습니다. 캐릭터와 대화 상태는 ChatProvider, 테마는 ThemeProvider로 구성하고 다크·라이트 테마와 Safe Area, 스크롤·입력 영역을 함께 다뤘습니다.
PROJECT INFO
- 제작: 쿤웍스
- 제품: 모바일 앱 템플릿
- 기술: React Native · TypeScript · Expo Router · React Context
비슷한 일을 준비 중이라면.이 사례 정보가 문의서에 함께 담깁니다.
MORE · APPS · UX
같은 분야의 다른 사례
우리 업무에 적용한다면.
이 사례 정보가 문의서에 함께 담깁니다.