기업

하이브월드와이드

체험 전시의 각 존을 눌러 미리 둘러보고 예매까지 이어지게 만든 오징어게임 익스피리언스 사이트입니다.

CLIENT
하이브월드와이드
PERIOD
2024.11. ~ 2025.02.
TYPE
홈페이지 제작 (반응형/디자인)
사이트 바로가기
하이브월드와이드 화면

OVERVIEW

하이브월드와이드가 여는 오징어게임 체험 전시의 공식 사이트입니다. 직접 들어가 게임을 치르는 전시라 글로는 감이 오지 않으므로, 첫 화면을 16:9 영상으로 채우고 화면 크기가 달라져도 영상 가운데를 기준으로 비율이 맞춰지게 만들었습니다. 전시장은 존 단위로 나뉘어 있어 각 존을 누르면 설명과 사진이 펼쳐지도록 했고, 보고 나면 바로 예매처로 넘어가는 티켓 버튼을 두었습니다. 존 설명과 영상, 티켓 링크는 모두 관리자에서 바꿉니다.

  • CLIENT 하이브월드와이드
  • SERVICE 기획, 디자인, 퍼블리싱, 개발
  • TYPE 홈페이지 제작 (반응형/디자인) 시스템 구축 (관리자, DB, 내부시스템)
  • INDUSTRY 엔터테인먼트 (체험형 전시)
  • DEVICE PC / Mobile Responsive
  • SCALE main 1 page sub 38 page 자체제작 CMS

GOALS & SOLUTIONS

GOALS

  • 전시 분위기를 영상으로 전달
  • 존별 체험 내용 안내
  • 티켓 예매로 연결
  • 오픈 전후 내용 교체 대응

SOLUTION

  • 화면 비율 자동 조정 메인 영상
  • 존 클릭형 상세 설명과 이미지 노출
  • 예매처 연동 티켓 버튼
  • 영상·문구·링크 관리자 수정 영역 설계

KEY INSIGHTS

체험 전시는 글로 전해지지 않으므로, 첫 화면을 영상에 내주고 존을 눌러 미리 둘러보게 구성

KEY FEATURES

  • 이미지 갤러리/슬라이드
  • 팝업/배너 관리
  • 관리자 CMS
  • 다국어 지원
  • 지도/오시는 길
  • 반응형 디자인

MAIN SCREENS

TECH STACK

#Front-end

  • HTML5
  • CSS3
  • JavaScript
  • jQuery

#Back-end

  • PHP

#Database

  • MySQL

#Server · Cloud · DevOps

  • Apache

#Design

  • Photoshop
  • Illustrator