회사 프로젝트· 벤치링크· 2024
Benchlink 전문가 등록 웹폼
PMS 링크 발급 → 글로벌 전문가가 직접 정보/계좌 기입
역할: 프론트엔드 단독 개발
Next.jsFirebaseSendGridTwilioSentryFramer Motion
회사 코드 (NDA)
Headline
PMS에서 링크 생성 → 전문가가 직접 개인정보·결제정보 기입
벤치링크 PMS에서 발급한 링크를 통해 글로벌 전문가가 자신의 개인정보·계좌·세금 정보를 직접 입력하는 폼. 자동 국가/타임존 감지, 이메일/SMS OTP 인증, 글로벌/한국 결제 정보 분기 처리.
Problem
- · 글로벌 전문가는 국가별 결제 방식·세금 양식이 모두 다름
- · 이메일·전화 인증을 동시에 요구하면서 모바일 환경에서도 자연스러운 UX 필요
- · PMS 운영자가 일일이 정보를 받아 입력하던 비효율 제거
Action
- · ipapi.co로 자동 국가/타임존 감지 → 다국어/통화 분기
- · SendGrid 이메일 OTP + Twilio SMS 인증 동시 운영
- · 결제 정보 플로우 분기: 한국(계좌+세금) / 해외(글로벌계좌+PayPal)
- · Framer Motion 폼 단계별 전환 애니메이션 + Sentry 에러 모니터링 + Tidio AI 채팅봇 통합
Result
- · PMS 운영자 수동 입력 작업 제거
- · 글로벌 전문가 셀프 서비스 등록 표준화