개요
삼성 리움미술관(Leeum)은 삼성문화재단이 운영하는 미술관이다. 첫 화면 상단 카피가 밝히듯 "한국 고유의 미를 담고 있는 전통미술과 생동하는 현대미술"을 한 지붕 아래 아우른다. 공식 웹사이트는 전시·소장품·작가·프로그램·공간이라는 다섯 축으로 콘텐츠를 나누고, 그 위에 현재 전시·지난 전시와 VR TOUR 링크를 얹어 방문 목적별 진입점을 정리했다. 히어로에는 텅 빈 전시장 한가운데 놓인 거대한 백색 구(球) 조각과 그 앞을 스쳐 지나는 관람객의 잔상을 담아, 긴 설명 대신 '공간 그 자체'로 미술관의 정체성을 말한다. 이번 리뷰는 이 흑백 미니멀 인터페이스가 방대한 아카이브를 어떻게 편집하는지, 대형 타이포그래피와 여백이 만드는 위계, 그리고 관람 예약과 소장품 탐색으로 이어지는 UX/UI 흐름을 홈페이지 제작 관점에서 뜯어본다.
브랜드 & 메시지
브랜드 표현의 핵심은 절제다. 화면 대부분을 흰 여백이 채우고 색은 흑과 백, 회색 계조로 눌러 둔 채, 작품 이미지만 온전히 색을 갖는다. 미술관보다 작품이 앞서야 한다는 큐레이션 원칙이 그대로 웹디자인의 언어가 된 셈이다. 우상단 'LEEUM' 워드마크는 굵은 산세리프로 각을 세웠고, 섹션마다 반복되는 "리움은 문화창조에 기여하고, 소통하는 21세기 융합미술관을 지향합니다"라는 한 문장이 미술관의 지향을 조용히 상기시킨다. 전시 소개에서 'ART SPECTRUM 2012 / LEEUM SAMSUNG MUSEUM OF ART'를 화면을 가로지르는 대형 세리프 타이포와 옅은 보랏빛으로 앉힌 처리는, 배너 이미지 없이 글자만으로 전시의 격을 세우는 편집형 감각이 돋보인다. 다만 행동을 부르는 문구는 대체로 '더 보기 →'나 '전시 제목이 나타납니다' 같은 중립적 라벨에 머문다. 관람객이 다음에 무엇을 하길 바라는지—예매·관람 예약·멤버십 가입—를 CTA 문구로 더 또렷이 끌어주면 전환 동선이 선명해진다. 글로벌 네비게이션은 전시·소장품·작가·프로그램·공간 다섯 항목으로 단정하게 압축돼 탐색 부담이 낮다.
UX/UI 관점
실제 화면에서 확인되는 강점을 정리하면 이렇다. 첫째, 흑과 백, 여백만으로 짠 그리드다. 색을 가진 것은 오직 작품 이미지뿐이라 시선이 자연스럽게 소장품과 전시 비주얼로 모인다. 둘째, 타이포그래피를 이미지처럼 다룬다. 'ART SPECTRUM'을 화면 폭 가득 세리프로 흘려 전시 자체를 하나의 그래픽으로 만들고, 프로그램 섹션의 '어떤 감상: 안무가 이양희 워크숍'은 곡선 드로잉과 형광 연둣빛 도형으로 정적인 레이아웃에 리듬을 준다. 셋째, 모든 섹션이 왼쪽에 전시·소장품·작가·프로그램·공간이라는 라벨을, 오른쪽에 콘텐츠를 두는 일관된 2열 정렬을 지켜 페이지가 길어도 구조가 흐트러지지 않는다. 넷째, 작가 섹션은 강서경·구본창·권오상·김수자 등 열 명 남짓을 동일한 흑백 톤과 정사각 프레임으로 묶어, 방대한 참여 작가도 한눈에 훑게 만든다. 다섯째, 소장품을 고미술과 현대미술로 나눠 각각 큰 이미지로 병치한 처리는 리움의 정체성인 '전통과 현대의 공존'을 레이아웃만으로 설명한다. 여섯째, 전시와 프로그램은 좌우 화살표와 페이지 닷으로만 넘기는 절제된 캐러셀을 써서, 화려한 모션 대신 콘텐츠에 집중하게 한다.
IA·SEO 전략
미술관 웹사이트의 정보구조는 '지금 볼 수 있는 것'과 '지나간 기록'을 어떻게 가르느냐에서 갈린다. 리움은 상단에 현재 전시·지난 전시를 이미 분리해 뒀는데, 이 구분을 URL 체계에 그대로 반영해 종료된 전시는 canonical과 아카이브 경로를 명확히 하고 현재 전시로의 내부 링크를 강화하면 검색 크롤러가 최신 콘텐츠를 우선 수집한다. 전시·작가·소장품 상세에는 각각 ExhibitionEvent·Person·VisualArtwork 구조화 데이터를 붙여 두면 전시명이나 작가명 검색에서 리치 결과로 노출될 여지가 크다. 화면 곳곳의 '전시 제목이 나타납니다'나 '공지사항 제목이 나타납니다'는 템플릿 더미 텍스트로 보이는데, 실제 운영 페이지에서는 이 자리마다 고유한 title과 meta description이 채워져야 검색 스니펫이 살아난다. 외국인 관람객 비중이 높은 미술관 특성상 다국어 페이지에는 hreflang 정합성을 맞추고, '리움미술관 예약'이나 '리움 관람 시간' 같은 실사용 검색어를 관람 안내·FAQ 페이지의 제목과 본문에 자연스럽게 녹이는 편이 유입에 유리하다.
성능·접근성
이미지가 콘텐츠의 전부인 사이트라 성능의 승부는 자원 최적화에서 난다. 히어로의 대형 전시장 사진, 소장품·프로그램의 고해상 작품 컷, 작가 섹션의 열 장이 넘는 인물 썸네일이 한 화면에 쌓이는 만큼, 작품 원본 화질은 지키되 WebP·AVIF 병행 제공과 뷰포트 밖 이미지의 지연 로딩으로 초기 로딩을 덜어야 한다. 모든 이미지에 명시적 너비·높이를 지정해 로딩 중 레이아웃이 밀리는 CLS를 막고, 대형 세리프 디스플레이 폰트와 본문 산세리프는 서브셋·font-display swap으로 첫 렌더를 앞당기는 편이 좋다. 접근성 면에서는 흑백·저채도 화면인 탓에 회색 위 회색 텍스트의 명도 대비를 기준치까지 끌어올릴 필요가 있고, 작품 이미지에는 작품명·작가·제작연도를 담은 대체 텍스트를 넣어 스크린리더 사용자도 소장품을 이해하게 해야 한다. 좌우 화살표로 넘기는 전시·프로그램 캐러셀은 키보드 포커스와 자동재생 정지를 지원하고, VR TOUR처럼 몰입형 콘텐츠에는 텍스트 대체 경로를 함께 안내하면 경험의 문턱이 낮아진다.
디지털 파트너 더블루캔버스
미술관, 갤러리, 문화재단처럼 '보여주는 것 자체가 브랜드'인 조직에게 웹사이트는 두 번째 전시장이다. 리움이 흑백 여백과 편집형 타이포로 증명하듯, 이런 사이트의 홈페이지 제작은 화려한 장식이 아니라 콘텐츠를 돋보이게 하는 절제된 시스템 설계에서 완성된다. The Blue Canvas(더블루캔버스)는 브랜드의 결을 읽어내는 웹디자인부터 방대한 아카이브를 감당하는 정보구조 설계, 전시와 작품 데이터를 검색에 태우는 SEO, 관람 예약과 멤버십 전환을 끌어올리는 퍼포먼스 마케팅까지 하나의 흐름으로 엮는다. 대형 이미지가 많은 사이트일수록 결정적인 성능 최적화와 접근성까지 처음부터 설계에 포함해, 아름다우면서도 빠르고 누구나 접근할 수 있는 웹사이트 제작을 지향한다. 문화·예술 브랜드의 온라인 경험을 다시 짓고 싶다면 아래에서 상담을 시작해 보자.
마무리와 다음 스텝
삼성 리움미술관 웹사이트는 '작품이 주인공'이라는 원칙을 흑백 여백과 편집형 타이포그래피로 흔들림 없이 관철한 미니멀 갤러리형 UX/UI의 좋은 사례다. 완성도를 한 단계 더 끌어올릴 실행 과제를 셋으로 압축한다. 첫째, '더 보기'에 머문 CTA를 예매·관람 예약·멤버십처럼 행동이 분명한 문구로 바꿔 관람 동선을 선명히 한다. 둘째, 템플릿 더미로 남은 제목과 메타 자리를 전시·작가별 고유 값으로 채우고 구조화 데이터를 붙여 검색 노출을 넓힌다. 셋째, 이미지 중심 사이트인 만큼 WebP 전환·지연 로딩·대비 개선으로 성능과 접근성의 기초 체력을 다진다. 이 세 가지만 손봐도 지금의 정제된 인상은 그대로 둔 채, 문화·예술 웹사이트 제작이 지향할 전환과 검색 성과까지 함께 끌어올릴 수 있다.