Coupang 스타일 디자인 분석

정보 순서를 카드마다 똑같이

상품 카드에서 가장 중요한 것은 디자인이 아니라 순서의 일관성입니다. 이미지, 상품명, 가격, 배송 조건이 모든 카드에서 같은 위치에 있어야 눈이 세로로 훑으며 비교할 수 있습니다. 어떤 카드는 할인율이 있고 어떤 카드는 없어서 높이가 달라지면 이 비교가 깨집니다. 할인이 없는 카드에도 같은 높이의 빈 자리를 두는 편이 낫습니다.

빨강과 파랑의 역할이 다릅니다

이 계열 화면에서 빨강은 긴급함과 할인, 파랑은 배송 신뢰를 담당합니다. 두 색이 섞이면 신호가 무너집니다. 할인율을 파랗게 쓰거나 배송 태그를 빨갛게 쓰면 사용자가 무엇을 봐야 할지 판단하는 데 시간이 더 걸립니다. 색마다 담당을 정해 두고 그 외 용도로는 쓰지 않는 규칙이 이 스타일에서는 특히 중요합니다.

가격 표기가 가장 까다롭습니다

정가·할인가·할인율·단위당 가격이 한 자리에 모이면 금세 복잡해집니다. 실무에서는 할인가를 가장 크게, 정가는 취소선을 넣은 작은 회색으로, 할인율은 별도 라벨로 분리하는 구성이 가장 안정적입니다. 세 가지를 같은 크기로 나열하면 어느 것이 실제 낼 돈인지 순간적으로 헷갈립니다.

목록에서는 사진이 8할입니다

상품명을 아무리 잘 써도 목록에서 먼저 읽히는 것은 사진입니다. 그래서 이 스타일은 카드에서 이미지 영역을 크게 잡고 텍스트를 압축합니다. 상품명은 두 줄로 제한하고 넘치면 말줄임합니다. 설명을 더 넣고 싶다면 목록이 아니라 상세로 미루는 것이 이 문법에 맞습니다.

이 스타일을 고르면 안 되는 경우

고가 단일 상품이나 브랜드 소개 페이지에는 맞지 않습니다. 비교와 속도를 위해 만들어진 구조라, 하나를 깊게 보여 줘야 하는 화면에서는 싸 보이는 인상을 만듭니다.

컬러와 역할

색상 코드를 나열하는 것보다 각 색이 어떤 자리에만 쓰이는지를 정해 두는 편이 결과물의 일관성에 훨씬 크게 작용합니다. 아래는 이 스타일에서 관찰되는 색의 담당입니다.

대표 컴포넌트

이 스타일을 화면으로 옮길 때 가장 먼저 만들게 되는 세 가지입니다. 각 항목의 설명은 형태뿐 아니라 그렇게 만드는 이유까지 담았습니다.

어떤 서비스에 맞나

Coupang-inspired systems prioritize deal scanning, shipping confidence, and conversion. Best for commerce MVPs and product-heavy catalogs.

실무에서는 쇼핑몰 · 특가 페이지 · 상품 비교 유형에 적용했을 때 가장 자연스럽습니다.