하나사인몰 고객이 쇼핑몰에서 바로 문의할 수 있는 AI 상담 위젯을 개발했습니다. 주요 기능 상품 정보, 주문과 결제, 배송, 설치와 시공, 제작 문의별 추천 질문으로 대화를 시작합니다. RAG로 상품 자료와 질의응답 문서를 검색해 답변하고, 고객과 주문 정보를 연결해 문의 맥락을 유지하도록 구성했습니다. 답변 근거가 부족하거나 검토가 필요한 문의는 상담원에게 전환합니다. 주문 연계 확인된 고객의 주문 정보를 연결해 배송과 제작 문의를 시작할 수 있습니다. 상담원 플랫폼과 주문 및 상품 조회 API를 연계해 고객 질문과 업무 처리를 이어갈 수 있게 구현했습니다. 개인정보 안내와 화면 구성 대화 시작 전 개인정보 이용 안내와 동의 흐름, 추천 질문, 메시지 입력과 상담원 전환 버튼을 구성했습니다. 기술: Next.js, TypeScript, Supabase, RAG, Vercel. 첨부는 실제 위젯 테스트 화면입니다. 주문 화면은 합성 테스트 주문 데이터를 사용했으며 실제 고객 정보가 아닙니다.

고객용 챗봇 위젯. 상품, 주문과 배송 관련 추천 질문으로 상담을 시작하는 실제 테스트 화면입니다.

주문 정보가 연결된 고객용 챗봇. 합성 테스트 고객과 주문으로 촬영한 화면입니다.
김준범 | UI/UX 디자인과 개발
챗봇 개발
버튼컴퍼니 / 기업 홈페이지와 문의 접수 개발
04토티움 / 여행 지도 탐색과 일정 구성 웹앱
02유리유 / 뷰티 추천과 해외 거래 시연 웹앱
03하나사인몰 / 상담원 관리자 플랫폼과 주문 API 연동
03
맞춤형 제품 추천 AI 챗봇
0113카카오톡 챗봇
119CTO 출신 개발자가 1~3주 만에 만들어 드리는 웹/앱 외주
026GPT API 를 이용한 챗봇 개발
043농산물 안전성 분석의뢰
023블로그 글 자동 생성 프로그램
044헤어샵 챗봇
093구글 생태계 챗봇 및 대시보드 제작
010바이브코딩 개발
04












