Food & Local · 디자인 분석
Daangn 스타일 디자인 분석
지역 커뮤니티 서비스에서 디자인이 해결해야 할 문제는 미감이 아니라 신뢰입니다. 모르는 사람과 거래하게 만드는 장치가 화면 곳곳에 필요합니다.
거리 대신 동네 이름을 씁니다
"1.2km"보다 "역삼동"이 지역 서비스에서는 더 잘 작동합니다. 숫자는 정확하지만 감각적으로 와닿지 않고, 동네 이름은 사용자가 이미 아는 범위를 불러옵니다. 목록의 각 항목에 동네명을 넣는 것만으로 화면의 성격이 전국 서비스에서 지역 서비스로 바뀝니다.
신뢰 배지를 같은 모양으로 반복합니다
인증 표시는 프로필, 목록, 상세, 채팅 어디에서나 같은 모양이어야 합니다. 화면마다 다르게 생기면 사용자가 그것이 같은 인증인지 판단하지 못합니다. 신뢰 장치는 새로움보다 반복이 중요합니다. 배지 하나를 정하고 모든 화면에서 그대로 쓰는 편이 각 화면에 최적화하는 것보다 낫습니다.
주황은 면적을 줄이고 모서리를 굴립니다
주황은 채도가 높아 넓은 면적에 쓰면 부담스럽습니다. 버튼 높이를 낮추고 모서리를 크게 굴리면 같은 색도 훨씬 부드러워집니다. 배경 전체를 주황으로 채우는 구성은 거의 쓰지 않는 편이 좋고, 쓴다면 아주 연한 톤으로 낮춰야 합니다.
거래 상태를 목록에서 바로 보여 줍니다
예약중·거래완료 같은 상태를 상세에 들어가야 알 수 있으면 목록을 훑는 의미가 없어집니다. 썸네일 위에 반투명 덮개와 상태 문구를 얹어 목록 단계에서 걸러지게 하는 방식이 일반적입니다. 완료된 항목을 아예 숨기는 것보다 흐리게 남겨 두는 편이 시세 파악에 도움이 됩니다.
이 스타일을 고르면 안 되는 경우
전국 단위 대형 커머스나 기업용 서비스에는 맞지 않습니다. 지역성과 개인 간 거래를 전제로 만들어진 구조라 규모가 커지면 어색해집니다.
컬러와 역할
색상 코드를 나열하는 것보다 각 색이 어떤 자리에만 쓰이는지를 정해 두는 편이 결과물의 일관성에 훨씬 크게 작용합니다. 아래는 이 스타일에서 관찰되는 색의 담당입니다.
#FF6F0FPrimary CTA and local emphasis#FFF4ECFriendly background#212124Primary text#868B94Metadata and distance#EAEBEEList dividers대표 컴포넌트
이 스타일을 화면으로 옮길 때 가장 먼저 만들게 되는 세 가지입니다. 각 항목의 설명은 형태뿐 아니라 그렇게 만드는 이유까지 담았습니다.
썸네일·제목·동네명·가격을 한 줄에 담은 목록 항목. 거리 정보를 동네 이름으로 대체해 지역 서비스라는 인상을 만든다.
인증된 동네를 표시하는 작은 배지. 신뢰가 거래의 전제라 프로필과 게시글 양쪽에 같은 모양으로 반복 노출한다.
주황 채움 버튼. 채도가 높아 면적을 넓게 쓰면 부담스러우므로 높이를 낮추고 모서리를 크게 굴려 완화한다.
어떤 서비스에 맞나
Daangn-like style feels local, safe, and friendly. It is useful for marketplaces, community boards, neighborhood services, and local recommendations.
실무에서는 동네 커뮤니티 · 중고거래 · 지역 추천 유형에 적용했을 때 가장 자연스럽습니다.
공개적으로 관찰 가능한 화면 패턴에 대한 독립적인 분석입니다. Daangn 및 해당 운영사와 제휴 관계가 없으며 승인을 받지 않았습니다. 상표권은 각 권리자에게 있습니다. 내부 디자인 가이드라인을 옮긴 것이 아니라 공개된 화면을 보고 정리한 해석입니다.