1) 문제점

복잡한 진입 장벽: 기존 운세 서비스들은 회원가입과 로그인을 강제하여, 가볍게 운세를 보고 싶은 사용자들의 이탈율이 높았습니다.
접근성 부족: PC 중심이거나 모바일에 최적화되지 않은 UI로 인해 모바일 사용자 경험(UX)이 저해되었습니다.
단발성 경험: 결과 확인 후 재접속이 어렵거나, 결과를 소장하기 위한 기능이 부족하여 일회성 서비스에 그치는 경우가 많았습니다.


2) 프로젝트 목표

진입 프로세스 간소화: "회원가입 없는 서비스"를 구축하여 결제 후 즉시 결과를 확인할 수 있는 논스톱 프로세스 구현 (로그인 절차 제거).
수익 모델 다각화: 단순 웹 조회뿐만 아니라, 카카오 알림톡을 통한 재진입 유도 및 소장용 PDF 판매를 통해 추가 수익 창출 구조 마련.
옴니 채널 경험: 모바일 타겟을 최우선으로 하되, PC 등 어떤 디바이스에서도 모바일 앱과 같은 몰입감을 주는 UI 제공.


3) 주안점

간편 인증 시스템: 회원가입 대신 '이름+생년월일+휴대폰번호'를 매칭키로 활용하여, 비회원도 안전하게 주문 조회 및 인증을 할 수 있는 로직 설계.
결제 및 알림 안정성: PG사 결제 완료 시점과 카카오 알림톡 발송 시점의 트랜잭션을 일치시켜, 결제 후 결과 미수신 문제를 원천 차단.
사용자 친화적 UI/UX: 복잡한 한자나 용어 대신 직관적인 그래프와 인터랙티브 애니메이션을 도입하여 정보 전달력 강화.

1) 포트폴리오 소개
***결과물 영상 시연 : https://youtube.com/shorts/FAIPW5ZE-MI?feature=share***
서비스 카테고리: 라이프스타일 / 운세 웹 플랫폼 메인 타겟: 2030 모바일 사용자, 간편하게 신년운세/사주를 보고 싶은 일반 사용자 소개: 복잡한 회원가입 절차를 제거하여 접근성을 높인 사주풀이 웹 서비스입니다. 사용자는 사주 정보를 입력하고 결제 후 즉시 결과를 확인할 수 있으며, 카카오톡 알림톡을 통해 언제든 결과를 다시 조회할 수 있습니다. 모바일 환경에 최적화된 UI와 인터랙티브한 결과 페이지를 제공하며, 소장용 PDF 다운로드 기능을 통해 사용자 경험을 강화했습니다.

2) 작업 범위
참여 범위: 기획, 디자인, 개발 (Full Stack), 서버 구축 (100%) 지원 환경: Mobile Web (반응형), PC Web (모바일 레이아웃) 기술 스택: React, Node.js (Express), MySQL, AWS, PortOne (PG사), Kakao AlimTalk API

3) 주요 업무
주요 기능:
1. 비회원 프로세스: 회원가입 없이 휴대폰 번호 기반의 본인 인증 및 주문 조회
2. 사주 데이터 처리: 양력/음력, 윤달 처리를 포함한 정확한 사주 정보 입력 및 외부 사주 API 연동
3. 결제 시스템: PG사 연동을 통한 신용카드/간편결제 지원 및 결제 무결성 검증
4. 결과 리포트: 텍스트와 그래프를 활용한 시각적 운세 풀이 제공 및 인터랙티브 애니메이션 구현
5. 부가 기능: 결과 페이지 이미지 저장 및 HTML to PDF 변환 다운로드 기능
6. 알림 시스템: 결제 완료 시 결과 조회 링크가 포함된 카카오톡 알림톡 자동 발송
7. 관리자 페이지: 결제 내역 조회, 환불 처리, 콘텐츠 관리 기능

4) 주안점
중점이 되었던 사항:
사용성 극대화 (UX): '결제 -> 결과 확인'까지의 이탈률을 줄이기 위해 회원가입을 과감히 제거하고 프로세스를 간소화했습니다.
모바일 최적화: PC 접속 시에도 모바일 앱과 유사한 경험을 제공하도록 레이아웃을 설계하였으며, 모바일에서의 가독성과 터치 조작감을 최우선으로 고려했습니다.
안정성: 결제 실패, 네트워크 지연 등 다양한 예외 상황에 대한 친절한 안내와 알림톡 재발송 로직을 통해 서비스 신뢰도를 높였습니다.
확장성: 추후 다양한 운세 콘텐츠(타로, 궁합 등) 추가가 용이하도록 모듈화된 아키텍처로 설계했습니다.