Home

부동산 VR 투어 플랫폼

프로젝트 스펙
ProgramWeb
Client리얼티뷰
Year2025
Duration4개월
Contribution100%

프로젝트 설명

공인중개사가 360 카메라로 촬영한 매물을 업로드하면 자동으로 VR 투어 페이지가 생성되는 SaaS입니다. WebGL 뷰어를 직접 구현해 모바일에서도 부드럽게 동작하도록 최적화했고, 매물 비교 카트와 카카오 알림톡 연동을 포함합니다.

Problem · Solution · Result

Problem · Solution · Result
Problem 1고해상도 360 이미지(평균 24MB)를 모바일에서 로드할 때 LCP 6초 이상으로 사용자가 이탈했습니다.
SolutionCloudflare R2 + Image Resizing으로 디바이스별 해상도·포맷을 자동 변환하고, 우선 1024px 저해상도를 표시한 후 4K로 점진적 교체하는 'Progressive Mip' 전략을 적용했습니다.
Result모바일 LCP 6.1초 → 1.4초, 모바일 이탈률 절반 감소.

Tech Stack

  • Next.js
  • Three.js
  • Supabase
  • Cloudflare R2
RealtyView VR 투어 메인 화면
RealtyView 매물 비교 화면
RealtyView 360 파노라마 뷰어