있다 ITDA 검색 중심 종합 쇼핑몰 디자인

분야: 디자인 · 퍼블리싱 / 웹 / 쇼핑몰, 카페24, 반응형 참여 기간: 2026.10 관련 기술: 카페24 스마트디자인, HTML5, CSS3, JavaScript, 반응형 웹 [프로젝트 개요] 카테고리와 상품 수가 많은 종합몰을 위한 검색 중심 디자인입니다. 사진과 아이콘을 덜어 내고 첫 화면을 68px 검색창 하나로 비워, 아는 물건은 바로 검색하고 모르는 물건은 글자 카테고리로 들어가게 했습니다. 아래로 많이 찾는 검색어, 카테고리 글자 격자, 가격대로 찾기, 검색이 늘어난 말, 브랜드 가나다 색인이 이어집니다. 20개 카테고리로 구성했습니다. [주요 기능] 1. 68px 검색창 - 밑줄 하나와 파란 커서만 남긴 큰 검색창에 입력하면 일치하는 글자를 강조한 자동완성과 상품 수가 나옵니다. 2. 많이 찾는 검색어 1~10 - 한 줄 글자 목록에 순위와 오르내림, 새로 들어온 표시를 붙였습니다. 3. 카테고리 글자 격자 - 아이콘 없이 이름과 상품 수만 적은 5×4 격자이며, 마우스를 올리면 칸이 검정으로 뒤집힙니다. 4. 가격대로 찾기 - 1만 원 이하부터 10만 원 이상까지 다섯 칸 탭을 누르면 해당 상품이 6열로 바뀝니다. 5. 검색이 늘어난 말과 브랜드 색인 - 이번 주 검색이 늘어난 말을 가는 큰 글자로 보여 주고, 브랜드는 가나다와 알파벳 색인으로 찾게 했습니다. [디자인] - 검정과 흰, 회색 단계에 군청 한 점을 커서와 검색어 순위, 할인율에만 썼습니다. - Pretendard 한 서체의 가는 300과 굵은 700 대비로만 성격을 냈습니다. - 모서리와 그림자를 모두 빼고 상품은 6열로 놓았습니다. [범위] - 메인 페이지 PC·모바일 반응형 디자인과 퍼블리싱 - 상품 카드는 반복 구조로 짜서 카페24 메인 진열 모듈로 옮길 수 있는 구조