1. 프로젝트 개요 * 프로젝트명: 체험단 통합 검색 웹사이트 (milky, 밀키) * 목적: 체험단 모집 정보를 쉽게 검색하고 필터링할 수 있도록 시각적으로 명확한 UI/UX 제공 * 디자인 범위: 원페이지 (네비게이션, 히어로 섹션, 검색 섹션, 결과 섹션, 푸터) * 디자인 툴: 피그마(Figma) 등 * 반응형 디자인 필요: 모바일 및 데스크톱 대응 2. 디자인 참고사항 * 타겟 사용자: 20~30대 블로거 (체험단 모집 및 신청에 관심 많은 사용자, 주로 여성) * 로고: 흰색 배경에 검은색 Borel 폰트 사용 * 디자인 스타일: 심플하고 직관적인 UI / 여성 사용자 친화적인 감각적인 디자인 / 화이트 배경과 부드러운 컬러 팔레트 활용 (파스텔톤 가능) * 참고 사이트: 유사한 검색 기반 플랫폼 (추후 제공, 레이아웃 상당히 유사) 3. 디자인 요구사항 (1) 네비게이션 * 구성: 좌측: 로고 (폰트 스타일만 사용, 로고 이미지 X) / 우측: 고객센터 (2) 히어로 섹션 * 구성: 1. 타이틀 및 서브 타이틀 2. 버튼 2개: 문의하기 / 기자단 신청 (3) 검색 섹션 * 구성: 1. 현재 시간 및 검색 가능한 총 DB 개수 (실시간 데이터 반영) 2. 검색창 3. 검색창 하단에 버튼 목록 (자주 사용하는 검색어 제공, 배송형, 기자단, 구매평 등) 4. 검색창 옆 ? 버튼 배치 → 호버 시 검색 팁 제공 * 디자인 스타일: 버튼 목록은 태그 형식 또는 깔끔한 스타일로 구성 (4) 결과 섹션 * 초기 상태: 첫 접속 시 검색 결과창 미노출 * 검색 후 표시되는 요소: * 필터링 옵션: 드롭다운 총 3개 (채널, 지역, 유형) * 정렬 옵션: 드롭다운 1개 (최신순, 인기순, 마감임박순, 포인트순) * 검색 결과 요약: N건이 검색되었습니다. 문구 표시 * 개별 검색 결과 항목 구성: 1. 썸네일 이미지 2. 플랫폼 로고/이름 3. 채널 로고 (블로그, 인스타그램, 유튜브, 클립, 릴스, 숏츠, 틱톡) 4. 업체명 5. 제공 내역 6. 신청 마감일까지 남은 D-Day 7. 지원 인원 / 모집 인원 8. 유형 9. 지역 10. 포인트 * 디자인 스타일: 1. 카드형 UI (정보를 한눈에 볼 수 있도록 구성, 데스크톱 4~5 컬럼) 2. 가독성 높은 폰트 및 컬러 사용 3. 모바일 카드 레이아웃은 1 컬럼 (첨부파일 참고) (5) 푸터 * 구성: Copyright 문구만 표시