VELLUM

이미지가 곧 레이아웃

• · 그리드 간격을 2px까지 좁혀 제품 이미지가 서로 붙습니다. 카드가 나열된 화면이 아니라 하나로 이어진 표면으로 읽힙니다.
• · 제품컷 바탕을 페이지 배경과 같은 값으로 맞춰, 한 이미지가 끝나고 다음이 시작되는 자리가 보이지 않습니다. 이미지는 프레임 안에 놓이는 대신 프레임을 채우므로 옷감의 결과 보풀이 화면이 허용하는 최대 크기로 보입니다.
• · 제품명과 가격을 한 줄의 양끝에 놓았습니다. 32종을 비교하는 화면에서는 눈이 가격만 세로로 훑을 수 있어, 좌측에 3줄로 쌓는 것보다 빠릅니다.

색은 정확히 두 군데

• · 나머지는 전부 무채입니다. 옥스블러드는 제품명과 구매 버튼에만 나타나므로, 화면에서 색이 있는 것이 언제나 다음에 누를 것입니다. 별도의 강조 장치가 필요 없습니다.
• · 필터를 사이드바에 펼쳐 두면 이미지가 쓸 폭을 빼앗깁니다. 카테고리는 서브 내비로 한 줄에 늘어놓고 나머지는 우측 버튼 뒤로 접었습니다.
• · 모든 필터와 정렬이 쿼리스트링에 들어가 어떤 상태든 링크로 공유됩니다 — 카테고리, 라인, 컬러, 가격순.

좌우로 나뉜 상품 페이지

• · 페이지가 좌우로 나뉘어 한쪽에서 이미지가 흐르는 동안 반대쪽 패널이 따라붙습니다. 이미지를 내려 보는 동안 중요한 것이 화면 밖으로 나가지 않습니다.
• · 사이즈를 드롭다운에 숨기는 대신 박스 그리드로 펼쳐 두고, 품절 사이즈는 취소선을 그어 자리에 남겼습니다. 클릭 없이 선택 가능한 범위가 읽힙니다.
• · 배송·수선·소재 관리는 아코디언으로 접어 첫 화면에는 구매 결정에 필요한 것만 남겼습니다.

돌려 쓰는 캐스팅

• · 모델 12명을 상품 순서대로 순환 배정해 같은 얼굴이 최대 3회, 두 번의 등장 사이가 12칸 떨어지게 했습니다. 4열 그리드에서 정확히 3행 아래입니다.
• · 캐스팅 컷은 기준컷에서 인물만 교체해 만들었기 때문에 12명이 한 스튜디오에서 하루에 찍힌 것처럼 묶입니다.
• · 기준컷을 하나가 아니라 둘로 뒀습니다. 부드러운 숄칼라 계열과 각진 어깨·러프컷 계열을 캐스팅에 나눠 붙여, 실루엣이 한 갈래로 굳지 않으면서 시즌으로는 하나로 읽히게 했습니다.

간격을 없애는 것이 결정이다

이미지 사이에 여백을 두면 제품이 카드 안에 갇히고, 없애면 화면 전체가 한 장의 천처럼 읽힙니다. 소재가 주제인 하우스에서는 후자가 맞고, 대신 텍스트 줄이 숨 쉴 자리를 가져갑니다.

카탈로그가 곧 용어집

Scraped Cashmere, Palimpsest Cable, Gesso Bouclé, Deckle Edge, Rag Paper Poplin, Marginalia Striped — 상품명을 전부 필사와 제본의 어휘에서 가져왔습니다. 카탈로그를 훑는 것만으로 이 하우스의 관심사가 전달됩니다.

글자를 쓰지 않는 마크

아이덴티티 마크를 이니셜 대신 표면을 긁은 자국 세 줄로 그렸습니다. 획이 진행하며 얇아져 칼의 방향을 만들고, 파비콘 크기에서도 형태가 읽힙니다.