PENNY PAGE
CASE 37낚시마켓

매물과 게시글이 한눈에 읽히는
낚시장비 중고장터

컨셉 작업 — 낚시용품 중고거래 커뮤니티를 설정해 만든 포털형 페이지입니다.

업종
커뮤니티·중고거래 (낚시용품)
형태
컨셉 시안 · 포털형 커뮤니티
구성
중고장터 · 자유게시판 · 조행기 · 질문/답변
공지사항 · 오늘의 바다날씨
기술 스택
반응형 HTML/CSS · Vanilla JS · Noto Sans KR
낚시마켓 데스크탑·모바일 화면
PENNYPAGE WORKS · CASE 37

01과제

무엇을 받았고, 무엇을 했나

중고거래 커뮤니티는 매물과 게시판 글이 한 화면에서 빠르게 읽혀야 합니다. 그래서 상단 검색바와 게시판 탭 내비 아래에 상태 배지(판매중·예약중·판매완료)가 붙은 장터 카드와 인기 매물 TOP 5를 두고, 스크롤 위치에 따라 탭이 활성화되게 했습니다.

중고장터·자유게시판·조행기·질문/답변 4개 보드에 공지사항·오늘의 바다날씨 사이드 위젯을 더한 포털형 구성입니다.

핵심 — 한 화면 포털검색바·탭 내비·장터 카드·게시판을 한 화면에 모아, 매물과 글을 오가며 빠르게 훑을 수 있게 했습니다.

02화면

히어로가 아니라 실제로 일하는 구간

자유게시판 · 조행기 · 질문/답변 + 바다날씨 위젯
01자유게시판 · 조행기 · 질문/답변 + 바다날씨 위젯

03구성

이 사이트에 들어간 것

  • 01
    상품 검색바상단 고정
  • 02
    게시판 탭 내비스크롤 위치 연동 활성화
  • 03
    매물 상태 배지판매중·예약중·판매완료
  • 04
    인기 매물 TOP 5장터 카드와 첫 화면에 함께 노출
  • 05
    자유게시판 · 질문/답변 리스트말머리·댓글 수 표기
  • 06
    조행기 카드사진 카드형
  • 07
    바다날씨 위젯지역별 수온·파고
  • 08
    모바일 햄버거 메뉴반응형 내비
낚시마켓 모바일 전체 화면

모바일 · 스크롤해서 보기

컨셉 작업입니다.

특정 고객 없이 업종 문법을 연구하려고 만든 시안입니다.