Shopyy 가구 웹사이트 디자인: 365 Market 공간 테마와 가구 목록

프로젝트 개요

365 Market의 Shopyy 사이트는 공간 테마와 가구 목록의 연결을 중심으로 구성했습니다. 생활 장면의 행사 배너로 주제를 만들고 거실 가구와 화기 섹션으로 구체적인 상품에 이어집니다. 주황색 배너, 밝은 가구 그리드, 어두운 푸터가 테마 탐색·목록 비교·개별 확인을 연결합니다.

디자인 과제

가구는 공간 장면으로 분위기를 전달하면서 개별 윤곽과 규격도 확인하기 쉬워야 합니다. 홈 배너로 장면을 만든 뒤 카테고리 그리드, 상품 사진, 설명으로 단계적으로 이어갔습니다.

디자인 전략: 공간 테마와 가구 목록 연결

생활 장면의 행사 배너로 주제를 만들고 거실 가구·화기 섹션을 통해 상품으로 연결합니다. 홈은 방향을, 카테고리는 비교를, 상세는 외관과 규격을 설명하며 메뉴와 링크로 단계들을 이어줍니다.

Montserrat로 제목·메뉴·본문을 구성하고 크기·굵기·문단 폭으로 위계를 표시했습니다. 주황색 배너, 밝은 그리드, 어두운 푸터를 주요 페이지에 유지합니다. 그룹 안은 촘촘히, 섹션 사이는 넓게 두어 사진·설명·조작을 구별했습니다.

모션과 기능: 현재 선택을 지원

헤더의 묶음 메뉴로 식탁 의자, 거실, 야외 목록을 연결하고 카테고리에 정렬·필터를 남겼습니다. 상품 상세는 사진, 수량, 나눈 설명으로 구성하며 모바일 메뉴는 아이콘에 접어 PC와 같은 조작 순서를 유지합니다.

홈페이지: 공간 장면으로 행사 주제 연결

실내 가구 장면과 주황색 Upgrade 문구를 홈 배너로 조합했습니다. 로고·카테고리·검색은 가볍게 유지하고 아래 Salas 거실 영역으로 주제가 상품에 이어지게 했습니다.

명확한 Montserrat가 메뉴와 섹션 제목을 연결하고 흰 바탕이 장면 사진에 충분한 공간을 줍니다. 주황색은 행사 이미지에 모으고 나머지는 회색·검정 글자로 절제했습니다.

거실과 화기: 사용 주제로 묶어 전시

홈에서 거실 좌석을 먼저 배치하고 Flores 제목으로 화기로 전환했습니다. 카테고리마다 한 줄을 사용하고 이름·가격은 사진 아래에 두어 생활 주제를 따라 탐색하게 했습니다.

소파와 화기 사진의 크기를 카드 폭에 맞춰 통일하고 그룹 사이를 넓게 비웠습니다. 중앙 제목은 한 주제가 끝나고 다음 주제가 시작되는 지점을 만듭니다.

식탁 의자 목록: 윤곽 차이를 비교하기 쉽게

Comedores에서는 의자를 규칙적인 그리드로 보여주고 제목과 개수를 위에, 정렬·필터를 별도로 배치했습니다. 정면 사진으로 등받이·팔걸이·다리 차이를 직접 보여줍니다.

밝은 배경과 균등한 간격으로 윤곽을 선명하게 하고 이름·가격은 아래에 작게 표시했습니다. 사진이 비교를 맡고 긴 규격은 개별 페이지로 넘깁니다.

소파 상세: 외관과 규격을 나란히

Sofa Santino는 왼쪽 소파 사진, 오른쪽 이름·가격·수량·Detail 설명으로 구성했습니다. 가구 하나에 충분한 공간을 주고 크기와 소재를 옆에서 항목별로 설명합니다.

사진 주변의 흰 여백을 넓게 두고 본문은 짧은 문단과 항목으로 정리했습니다. 밝은 화면과 베이지 소파가 부드럽게 어울리며 얇은 테두리 버튼은 상품 시선을 빼앗지 않습니다.

상세 하단: 설명에서 관련 가구로

소파 썸네일, 나머지 설명, 아래 리뷰와 관련 추천을 이어 보여줍니다. 현재 상품 확인이 끝나면 자연스럽게 다른 가구를 탐색할 수 있습니다.

여백과 제목으로 구역을 나누고 추천 카드 폭을 통일했습니다. 규격과 사진은 같은 상품에 묶고 다른 스타일은 독립 영역에 두어 혼동을 막았습니다.

연락처: 주문 문의를 위한 별도 입구

이메일과 주문 문의 안내를 본문에 모으고 아래 어두운 푸터에도 업체 연락처를 표시했습니다. 상품 비교 페이지와 분리해 채널을 빠르게 찾는 역할을 맡겼습니다.

단순한 제목과 문단으로 구성하며 밝은 본문과 어두운 푸터의 경계를 명확히 했습니다. 읽기 좋은 행간을 유지하고 불필요한 장식으로 연락 정보를 방해하지 않습니다.

모바일 홈: 공간 배너와 거실 주제 유지

로고·메뉴·검색을 순서대로 놓고 행사 배너를 좁은 화면에 맞춘 뒤 Salas 상품으로 이어갑니다. 공간 주제를 유지하면서 상품 사진에도 충분한 면적을 줬습니다.

배너·제목·가구 사이에 명확한 세로 여백을 두고 사진을 메뉴와 같은 줄에 몰지 않았습니다. 작은 화면에서도 주제·카테고리·상품 순서를 따라 내려갑니다.

모바일 소파: 가구의 전체 윤곽 표시

경로 탐색과 큰 소파 사진을 먼저, 이름과 가격을 다음에 배치했습니다. PC의 나란한 구성을 세로로 바꿔 가구 윤곽 전체를 보여줍니다.

사진 주변에 여백을 남기고 제목은 자연스럽게 줄바꿈해 다음 정보로 이어집니다. 상품·규격·조작이 차례로 펼쳐지며 밝은 배경과 명확한 글꼴을 유지합니다.

디자인 정리: 주제와 구체적인 정보 연결

365 Market은 공간 테마와 가구 목록을 축으로 주황색 배너, 밝은 그리드, 어두운 푸터가 홈·카테고리·상세를 연결합니다. 이미지는 주제를, 글은 정보를 설명하고 목록과 규격은 다음 행동을 지원합니다. 모바일도 같은 순서로 일관된 시각·탐색 경험을 제공합니다.

브랜드에 맞는 명확한 Shopyy 웹사이트를 계획하세요

현재 웹사이트, 브랜드 자료, 필요한 페이지 범위를 알려주세요. 상품 유형, 대상 시장, 콘텐츠 우선순위를 고려해 적절한 페이지, 시각 디자인, 기능을 함께 계획합니다.