황총무의 실험실

디지털 채널(Web/App)과 오프라인 영업(FP)을 유기적으로 연결하여 상담 기회를 확대하고, 멀티 채널 환경에서 일관된 사용자 경험을 제공하는 O2O 연계 서비스 구축

• OSMU(One Source Multi Use) 설계: Next.js 기반으로 PC, Mobile Web, App(Webview) 등 파편화된 멀티 채널 규격을 단일 소스로 통합 대응
• 동적 라우팅(Dynamic Routing): 고객 데이터(수금 FP 유무)에 따라 '담당 설계사 매칭' 또는 'HSP 상담원 연결'로 분기되는 비즈니스 로직 구현
• 상담 예약 플랫폼 구축: 영업시간 외 이탈 방지를 위한 담당 설계사 상담 예약 프로세스 신규 개발
• 비즈니스 파이프라인 확장: 주요 서비스(계약조회, 사고보험금 등) 내 D2F 진입점을 심리스(Seamless)하게 통합하여 영업 기회 창출

플랫폼 오픈 이후, 온/오프라인 연계(O2O) 및 고객 행동 기반의 타겟팅 기능을 지속적으로 확장하여 비즈니스 가치(CVR)를 창출하고 시스템 안정성을 확보

• 고객 행동 데이터(체류시간, 화면 전환 등)를 실시간 분석하여 적시에 상담을 유도하는 '이탈 감지 로직' 구현
• 상품 탐색, 사고보험금 등 주요 서비스 접점 내 상담 프로세스를 내재화하여 고객 경험 단절 해소
• App(In-webview)과 Mobile Web 간 인터랙션 차이를 극복하는 확장성 있는 구조 설계 (상품찾기 메인 탭 연동)
• 이벤트 및 만족도 조사 프로세스 내 본인인증/보안 로직 고도화 및 잔존 레거시 기능의 지속적 마이그레이션

노후화된 JSP 기반의 레거시 시스템을 Next.js(CSR) 환경으로 전면 재구축하여 사용자 경험(SPA)을 개선하고, 컴포넌트 기반 아키텍처 도입으로 유지보수 효율성 확보

• JSP 기반의 강결합 구조를 해소하고, Next.js 및 컴포넌트 단위의 모듈화 설계를 통해 재사용성 증대
• React-Query의 캐싱 및 조건부 페칭(지역 선택 시 FP 호출) 전략을 도입하여 초기 렌더링 속도 획기적 개선
• TypeScript 도입 및 비즈니스 로직(Custom Hooks)과 UI의 철저한 분리로 런타임 에러 사전 방지
• 외부 유입(광고 배너 등) 시 발생하던 UTM 파라미터 유실 문제를 근본적으로 해결하여 마케팅 데이터 정합성 확보
• 구전으로 전해지던 레거시 히스토리와 복잡한 로직을 Figma로 시각화/문서화하여 인적 의존도 제거 및 운영 리스크 최소화

보험 상품 가입을 위한 대고객 다이렉트 웹 서비스 및 내부 운영 효율화를 위한 백오피스 시스템 개발

• React 기반의 대고객 서비스 컴포넌트 개발 및 유지보수
• 파편화되어 있던 다이렉트 웹과 온슈어 상품 페이지 간의 '공통 레이아웃 가이드'를 주도적으로 제안 및 정립하여 중복 개발 리소스 최소화
• 공용 Footer 및 약관 페이지를 적응형에서 '반응형'으로 리팩토링하여 유지보수 효율 증대
• 신규 서비스(AI 상담, 보장분석)의 UI 마크업 및 인터랙션 로직 구현
• 백오피스 상품 관리 기능 고도화를 통한 현업 운영 리소스 절감