← Projects
KIWON KIM / SELECTED WORK

D'STRICT — ARTE MUSEUM WEB ECOSYSTEM

하나의 전시가
여러 도시의 웹으로
확장될 때.

빠르게 늘어나는 글로벌 사이트 사이에 재사용 가능한 구조를 만들었습니다. 라스베가스에서 만든 디자인 시스템을 뉴욕·두바이·reSOUND의 기존 사이트에 적용하고, 나고야 사이트는 그 기반 위에서 새로 구축했습니다.

소속 디스트릭트 커뮤니케이션마케팅팀포지션 웹개발업무 웹 기획 · 디자인 시스템 · 개발 · 분석 · 운영
ARTE MUSEUM Las Vegas 공식 사이트 대표 이미지
ARTE MUSEUM LAS VEGAS 공식 사이트 이미지

전시 경험은 세계 여러 도시로 확장되고 있었지만, 웹사이트를 같은 기준으로 만들고 운영할 수 있는 공통 구조는 부족했습니다.

기존 사이트는 이미 운영 중이었고, 빠른 공개가 중요한 환경이었습니다. 전면 재구축을 기다리기보다 현재의 Webflow 환경 안에서 반복되는 UI와 페이지 제작 방식을 정리하는 쪽을 선택했습니다.

기존 조건도시마다 분리된 사이트와 계속 들어오는 운영 요청
내가 풀 문제다음 사이트를 만들 때 다시 시작하지 않아도 되는 구조
접근토큰 · 컴포넌트 · CMS · 페이지 패턴의 재사용

운영 중인 라스베가스 사이트를 기준으로 디자인 시스템을 만들고, 반복되는 컴포넌트를 모듈화했습니다.

타이포그래피와 색상 토큰, 버튼과 내비게이션, 전시 콘텐츠를 담는 CMS 구조를 정리했습니다. 각 페이지를 독립적으로 손보는 대신 공통 요소를 조합해 새로운 페이지를 만들 수 있도록 한 작업입니다. 이 구조를 뉴욕, 두바이, reSOUND의 기존 사이트에 적용했습니다.

SYSTEM / 01Reusable building blocks
FOUNDATIONSType scale
Color tokens
Spacing rules
COMPONENTSNavigation
Buttons & CTA
Content modules
CONTENTExhibition CMS
Page structure
Local variants
BASE: LAS VEGASAPPLIED: NEW YORK · DUBAI · reSOUND

위 도식은 작업 범위를 설명하기 위해 재구성한 것입니다. 실제 내부 디자인 시스템 화면은 아닙니다.

03 / EXPANSION

기존 사이트를 잇고,
새 사이트를 만들다.

라스베가스를 기준으로 만든 시스템을 뉴욕, 두바이, reSOUND의 각각 독립적인 기존 사이트에 적용했습니다. 나고야는 그 경험을 바탕으로 새롭게 구축했습니다.

NAGOYA / NEW BUILD

나고야는 기존 사이트의 유지보수가 아니라 제가 처음부터 구축한 프로젝트입니다. 홈, 전시, 티켓, 이용 안내, CAFE dara, 문의 및 정책 페이지까지 일본어 사이트의 전체 흐름을 완성했습니다.

나고야 사이트 보기
ARTE MUSEUM Nagoya 공식 사이트 대표 이미지

시드니 랜딩을 바탕으로 런던과 시카고의 대기자 모집 사이트를 만들었습니다.

같은 틀을 복제하는 데서 끝나지 않고 도시별 문구와 폼, 동의 문안, 도메인과 제출 이벤트를 각각 확인했습니다. 전시 개관 전 관심을 받을 수 있는 반복 가능한 웹 패턴이었습니다.

ARTE MUSEUM Sydney 대기자 모집 공식 사이트 대표 이미지
ONE PATTERN
THREE CITIES
Sydney
London
Chicago

웹사이트를 공개한 뒤에도 GA4와 PostHog를 사용해 이용 데이터를 분석했습니다.

사이트 이용 흐름과 주요 이벤트를 확인하며 운영과 개선에 필요한 근거를 찾았습니다. 도시별 대기자 모집 페이지에서는 폼 제출 이벤트가 수집되는지도 점검했습니다.

01 / MEASUREMENTGA4

웹사이트 이용 데이터 분석

02 / BEHAVIORPostHog

사용자 행동과 이벤트 분석

글로벌 웹의 새 구조를 만드는 일과 함께, 이미 공개된 사이트들의 운영과 품질 관리도 맡았습니다.

새 사이트의 구축부터 공개 후 운영, 외주 협업과 검수까지 웹 경험의 여러 단계를 맡았습니다.

KIWON KIM / D'STRICT좋은 웹은 다음 웹을
더 쉽게 만든다.
LET'S TALK ↗
d'strict · Kiwon Kim