소리전자 — 오디오 커뮤니티·중고장터

프로젝트 개요

소리전자는 오디오 애호가들이 모여 기기와 부품을 사고팔고 정보를 나누는 커뮤니티입니다. 수입·국산 오디오부터 부품, 음반, 계측기, 자작품까지 다루는 회원 간 장터와 HIFI 리뷰·동호회 게시판이 한 사이트 안에서 함께 돌아갑니다. 이온디는 이 사이트의 XE·라이믹스 작업에 참여했습니다.

작업 범위

장터와 커뮤니티가 메인 한 화면에서 동시에 보이도록 구조를 잡고, 카테고리 목록과 게시판 화면을 구성했습니다.

• 장터·커뮤니티 통합 메인 구성
• 카테고리별 등록 건수 노출 장터 목록
• 인기글 TOP 10 일간·주간 탭
• 네이버·카카오 간편로그인 영역

주요 구현

상단 메뉴는 판매장터·부품판매·앰프키트·주문구입·커뮤니티·동호회·HIFI리뷰로 나눴습니다. 왼쪽 판매장터 블록은 수입오디오·부품·국산오디오·음반·계측기·라디오·자작품·불용자재 등 카테고리마다 현재 등록 건수를 함께 보여줍니다. 가운데는 인기글 TOP 10을 일간·주간 탭으로 나누고 상품 사진과 카테고리 배지, 작성자, 조회수를 카드로 묶었으며 그 아래로 커뮤니티 인기글과 동호회 인기글을 나란히 놓았습니다. 오른쪽에는 로그인과 네이버·카카오 간편로그인, 오디오장터·음반·불용자재·커뮤니티를 탭으로 오가는 최신글 목록을 세로로 배치했습니다. 페이지 최상단에는 판매 중인 음반 썸네일과 가격을 가로 슬라이더로 노출했습니다.

비슷한 프로젝트를 준비 중이라면

현재 사이트와 필요한 범위를 알려주시면 어디서부터 시작할지 함께 정리합니다.