전시 소개 · 관람 안내
AFTERIMAGE
제작 비용은 필요한 페이지와 기능에 따라 달라집니다. 예약·결제·관리 기능은 별도로 상담해드려요. 기본 제작 비용 보기
홈페이지 예시 소개
어떤 홈페이지인지 살펴보세요
세리프 타이포그래피와 오리지널 전시 이미지로 감각을 깨우고, 전시 탐색에서 관람 계획까지 연결하는 문화 예술 웹사이트입니다.
전시 사이트는 작품의 감각을 전달하는 동시에 날짜와 회차를 고를 수 있어야 합니다. AFTERIMAGE는 빛·색·물성의 차이로 전시를 탐색하게 하고, 관심을 가진 전시에서 관람 계획으로 이어지도록 구성했습니다. 감상과 예약이 각각 분리된 경험으로 느껴지지 않게 하는 것이 기획의 출발점입니다.
- 이런 사업에 어울려요
- 전시의 분위기와 관람 정보를 함께 전달해야 하는 문화·전시 공간
- 분야
- 전시·문화공간
- 제작 범위
- 전시 소개 · 관람 안내 · 티켓 선택
- 프로젝트 성격
- 직접 만든 홈페이지 예시
기획과 디자인
어떤 내용을 어떻게 보여주나요?
밝은 전시 공간 위의 세리프 제목과 네 칸의 정보 패널로 첫 화면을 구성했습니다. 은은한 바이올렛을 유지하며 작품 탐색과 관람 계획으로 연결합니다.
고객이 궁금해할 내용
- 전시별 감각과 차이를 시각적으로 전달
- 작품 탐색에서 날짜·회차 선택으로 연결
- 작은 화면에서도 관람 계획을 완성
화면에 담은 방법
- 이미지와 글자의 크기 대비로 시선의 순서 설계
- 빛·소리·조각의 세 전시를 독립적인 이미지로 표현
- URL에 선택 내용을 유지하는 로컬 티켓 체험 구현
감각의 탐색에서 관람 계획으로
전시를 감각별로 탐색하고 날짜·회차·인원을 선택합니다. 선택 내용은 언어 전환과 새로고침 뒤에도 유지되며 관람 요약에서 수정할 수 있습니다.
이 화면 체험하기
03 / 작은 화면에서의 경험
휴대폰에서는 이렇게 보여요.
대형 타이포그래피와 이미지의 대비를 유지하면서 전시 목록과 티켓 폼을 한 열로 구성했습니다.
구현한 페이지와 화면
제작 범위
이 예시에 들어 있는 페이지와 기능
가상의 미디어아트 공간 AFTERIMAGE를 위한 자체 제작 콘셉트입니다. 편집 디자인의 강한 위계와 전시마다 다른 물성을 바탕으로 브랜드, 이미지, 카피와 코드를 새로 만들었습니다.
- 오리지널 브랜드와 예시용 전시 이미지 7종
- 국문·영문 반응형 웹사이트
- 전시 필터와 상세 페이지 3종
- 날짜·회차·인원 선택 및 요금 계산
- 수정 가능한 관람 요약
실제 고객 의뢰나 성과 사례가 아닌 자체 제작 콘셉트입니다. 체험 화면의 상품·가격·데이터는 예시이며, 실제 서비스 도입 시 운영 정보와 시스템을 연결합니다.
디자인 연구와 제작 범위
전시의 공간감과 편집 위계를 참고했습니다. AFTERIMAGE의 브랜드·색상·카피·코드는 새로 제작했으며 전시 이미지 7종은 예시용으로 제작했습니다.
Immersive Exhibition Website Design · Diana Advokatova / Dribbble우리 사업의 글과 사진을 담아보고 싶으신가요?