나만을 위한 카드 추천 챗봇 서비스, EZ:card

프로젝트 소개

진행 기간

23.08.01 - 23.08.31 (4주)

팀원 소개

이명준 (Front-end, Team-Leader)

• 메인 페이지 제작
• 채팅 페이지 제작
• 네비게이션 메뉴바 제작

이건우 (Back-end, Front-end)

• 챗봇 기능 구현
• 위시 카드 기능 구현
• 카드 상세페이지 기능 구현
• 카드 비교 기능 구현
• 카드 비교 페이지 제작

김민지 (Back-end, Front-end)

• 회원가입 기능 구현
• 로그인/로그아웃 기능 구현
• 카드 전체 목록 기능 구현
• 카드목록 페이지 제작
• 배포 - AWS RDS, AWS EC2

안정민 (Front-end)

• 전체 UI 디자인
• 회원가입 페이지 제작
• 위시 카드 페이지 제작

김다은 (기획 및 자료조사)

• 카드 정보 수집
• 카드 정보 가공

기획 배경

시장 현황 분석

기존 서비스 분석

EZ:card는!

GPT를 연동한 챗봇 서비스인 EZ:bot은 사용자의 상황에 맞는 카드를 추천해주고,
이를 통해 사용자는 쉽고 편하게 본인에게 맞는 카드를 확인할 수 있다.

화면 설계 (레이아웃)

API 명세서

API 명세서 보러가기

ERD

ERD 보러가기

기술 스택

UI

활용 언어

활용 프레임워크

데이터베이스

배포

Server-Architecture

기능 소개

1. 회원가입 및 로그인

• 이메일, 비밀번호, 닉네임 입력
• 개인 맞춤 카드 추천을 위한 성별, 직업, 나이대 관련 정보 수집

2. 메인 페이지

• 맞춤 카드 상담이 가능한 EZ:bot 페이지로 이동 가능한 배너
• 회원가입 시 입력한 필수 정보 중 나이대를 기반으로 한 맞춤 카드 추천
• 오늘의 TOP 3
  • 사용자들이 많이 찜한 카드와 실제 카드사로 이동해서 발급받은 수를 기준으로 TOP3 선정

3. EZ:bot (챗봇)

• 사용자의 자유로운 채팅 입력
• GPT-3.5-turbo 모델이 사용자의 입력에 적합한 카드를 찾아 답변의 형태로 출력
• GPT가 선택한 카드의 정보를 DB에서 찾아 화면에 출력
  • 해당 채팅을 클릭하면 카드 상세페이지로 이동 가능

4. 카드 상세 페이지

• 카드의 자세한 혜택 내용 확인 가능
• 회원은 관심 있는 카드에 하트를 눌러 찜 목록에 추가
• '신청하러 가기' 버튼을 통해, 해당 카드사의 카드 발급 페이지로 이동

5. 찜 목록

• 회원은 상세 페이지에서 찜한 카드 확인 가능
• 하트 버튼을 다시 누르면 찜 목록에서 삭제

6. 카드 비교

• 플러스 버튼을 눌러서 비교하고 싶은 2개의 카드 선택
• 두 카드의 정보를 한 눈에 비교 가능

7. 카드 목록

• 전체 카드 목록 확인
• 카드 종류별(신용, 체크, 복지)로 확인 가능
• 원하는 카드를 클릭하면 상세 페이지로 이동