플러스프로젝트 배경
1) 문제점 - SM LIFE DESIGN GROUP의 다목적 촬영 스튜디오를 온라인에서 소개할 전문적인 공식 브랜드 사이트가 부재 - 드라마·예능·뮤직비디오·CF 등 촬영 문의 시 스튜디오 규모, 시설, 스펙 정보를 직관적으로 전달할 채널이 필요 - 방문 없이도 스튜디오 공간을 실감나게 확인할 수 있는 방법이 필요 2) 프로젝트 목표 - 스튜디오의 고급스럽고 전문적인 브랜드 이미지를 살린 반응형
프로젝트 성과
촬영 스튜디오 정보 전달력 강화 및 브랜드 이미지 확립
STUDIO A/B 상세 스펙 페이지, 층별 부대시설 안내, Matterport 3D 가상투어를 제공해 방문 전에도 스튜디오 규모와 시설을 직관적으로 확인할 수 있도록 개선. 다크톤 디자인과 일관된 디자인 시스템으로
핵심 기능
메인 비디오 배경 및 Swiper.js 슬라이드,3D VIEW
메인 화면에 비디오 배경과 Swiper.js 기반 슬라이드를 구성해 SM 스튜디오의 촬영 공간과 분위기를 몰입감 있게 전달. 다크톤 디자인과 CSS 애니메이션을 결합해 첫 화면부터 전문적인 브랜드 이미지를 각인.
진행 단계
기획 및 요구사항 정의
2024.10.
SM 스튜디오 브랜드 방향성과 사이트맵 정의, 주요 페이지(메인, STUDIO A/B, FACILITIES, 3D VIEW, WORKS, 오시는 길) 구성 및 반응형 대응 범위 확정
프로젝트 상세
1) 포트폴리오 소개 - SM 엔터테인먼트 계열사 SM LIFE DESIGN GROUP의 다목적 촬영 스튜디오 'SM 스튜디오' 공식 브랜드 웹사이트 - 드라마, 예능, 뮤직비디오, CF 등 다양한 촬영이 가능한 전용면적 총 1,000평(A/B동) 규모의 스튜디오 소개 사이트 - 반응형 웹 2) 작업 범위 - 웹 기획, UI 디자인, 프론트엔드 개발(HTML5/CSS3/JavaScript), 퍼블
