플러스프로젝트 배경
1) 문제점 - 노후한 홈페이지로는 2535 여성 타깃에게 프리미엄 브랜드 무드가 전달되지 않음 - 무거운 메인 영상 탓에 모바일 로딩이 느려 첫 화면에서 이탈 발생 - 지점·후기·이벤트를 매번 개발사에 요청해야 해 콘텐츠 업데이트가 지연됨 - 상담·예약 문의가 전화·DM에 흩어져 신규 체험 전환을 놓침 2) 프로젝트 목표 - 브랜드 무드를 담은 감각적 리뉴얼로 첫인상과 체류 개선 - 모바일
프로젝트 성과
모바일 메인 영상 LCP 1.9초
풀영상 자동재생으로 인한 모바일 로딩 지연을 poster 이미지 + 뷰포트 진입 시 지연 로드 + WebM/MP4 분기로 전환해 풀영상 대비 약 55% 개선
무료 체험 예약 전환율 +34.6%
흩어져 있던 상담·예약을 예약 폼으로 일원화하고 동선을 단순화해, 리뉴얼 전 대비 예약 폼 전환율이 상승(누적 상담 214건)
모바일 Lighthouse 성능 94점
고화질 이미지 반응형 분기·지연 로드를 적용해 모바일 성능 점수 94점을 확보하고, 첫 화면 이탈률 11.2% 감소
오픈 후 개발사 재의뢰 0건
Headless CMS로 관리자가 지점 1곳 추가와 후기 70여 건 등록을 직접 처리하여 오픈 후 콘텐츠 업데이트를 위한 개발사 재의뢰 0건
핵심 기능
메인 영상
- 히어로 브랜드 무드를 담은 영상 백그라운드 히어로
- poster + 지연 로드 + WebM/MP4 분기로 모바일에서도 가볍게 로딩
- poster + 지연 로드 + WebM/MP4 분기로 모바일에서도 가볍게 로딩
진행 단계
기획 및 정보구조 / 브랜드 디자인 컨셉
2025.10.
- 타깃·페인 포인트 정리
- 정보구조 설계
- 밝은 에디토리얼 무드의 브랜드 디자인 컨셉 확정
- 정보구조 설계
- 밝은 에디토리얼 무드의 브랜드 디자인 컨셉 확정
프로젝트 상세
▌2535 여성을 위한 프리미엄 필라테스 & 바디 스튜디오 브랜드 공식 홈페이지 1) 포트폴리오 소개 - 직영 4개 지점의 브랜드 무드를 밝고 에디토리얼한 비주얼로 전달하고, 메인 영상 최적화와 직관적인 예약 동선으로 무료 체험·상담 전환을 끌어올렸습니다. 2) 작업 범위 - 기획(정보구조·요구 정의) - 브랜드 UI/UX 디자인 - 모바일 반응형 퍼블리싱 - Front-end 개발 -
