플러스프로젝트 배경
1) 문제점 낮은 사용자 전환율: 기존 시스템의 복잡한 UI와 느린 로딩 속도로 인해, 광고를 통해 유입된 잠재 고객이 실제 상담 예약으로 이어지지 못하고 이탈하는 현상 발생. 유지보수의 어려움: 기존 코드의 컴포넌트 구조가 파편화되어 있어 디자인 변경이나 신규 시술 정보 업데이트 시 대응 속도가 저하됨. 모바일 대응 미흡: 성형외과 서비스 특성상 모바일 접속 비중이 높음에도 불구하고, 다양한 기기 환경
프로젝트 성과
초기 로딩 속도 및 Lighthouse 성능 지표 개선
React 기반 SPA 아키텍처 도입 및 컴포넌트 최적화를 통해 초기 로딩 속도를 기존 대비 1.5초 이상 단축. Google Lighthouse 기준 성능 점수를 90점 이상으로 유지.
모바일/크로스 브라우징 이슈 0건 달성
다양한 모바일 기기(iOS/Android)와 브라우저 환경에서의 철저한 검증 과정을 거쳐 레이아웃 깨짐 현상을 완벽히 해결. 사용자 피드백 기반의 지속적인 UI 개선을 통해 사용자 만족도 향상.
핵심 기능
데이터 기반의 고성능 랜딩 페이지
SPA 기반 부드러운 사용자 경험: React Router를 활용하여 페이지 전환 시 새로고침 없는 매끄러운 UX를 제공, 사용자 이탈을 방지. 고화질 시술 사진 Lazy Loading 및 WebP 포맷 최적화.
진행 단계
요구사항 분석 및 아키텍처 설계
2021.10.
기존 웹 사이트의 문제점(이탈률, 속도) 분석
React 기반 SPA 도입을 위한 보일러플레이트 구성 및 폴더 구조 설계
React 기반 SPA 도입을 위한 보일러플레이트 구성 및 폴더 구조 설계
프로젝트 상세
1) 포트폴리오 소개 서비스 카테고리: 뷰티/의료(성형외과) 랜딩 페이지 및 예약 관리 웹 애플리케이션 메인 타깃: 성형 및 시술 정보 탐색과 상담 예약을 원하는 성인 남녀 전 연령층 간략 소개: 사용자 유입 극대화와 상담 전환율 향상을 목표로 한 성형외과 브랜드 랜딩 페이지 및 고객 관리 효율화를 위한 웹 서비스입니다. 2) 작업 범위 개발 참여 범위: Front-end 신규 개발 및 UI/UX
