MEGABOX Renewal

메가박스 웹사이트를 기반으로 메인 페이지와 상세 페이지를 다시 구성한 리뉴얼 프로젝트입니다.
메가박스의 브랜드 무드를 유지하면서 사용자 흐름과 디자인을 리뉴얼한 프로젝트입니다.

주요 기능

메인 페이지

• 박스오피스 / 상영예정작 탭 전환과 커스텀 슬라이드 인터랙션
• 이벤트 영역 무한 캐러셀, 큐레이션 로테이션, 공지사항 슬라이더 구현
• 메인 팝업, 퀵메뉴, 특별관 소개 등 브랜드형 랜딩 페이지 구성

영화 상세 페이지

• 예고편 Swiper + 오버레이 비디오 재생
• Masonry 기반 스틸컷 갤러리와 이미지 확대 보기
• 탭 메뉴를 활용한 상세 정보 전환

로그인 / 회원가입

• AJAX 아이디 중복 확인
• PHP + MySQL 기반 로그인 / 세션 처리
• 비밀번호 해시 저장

카카오 API 기반 위젯

• OpenWeather API를 활용한 현재 날씨 / 미세먼지 표시
• Kakao Maps API 기반 내 주변 메가박스 탐색

페이지 스크린샷

메인 페이지
https://megaboxapp.dothome.co.kr/

영화 상세 페이지
https://megaboxapp.dothome.co.kr/movie-detail.php