Kunnworks
D18웹·브랜드

분류 및 가격 필터 기반 AI 도구 탐색 디렉터리

업무용 AI 도구 탐색자를 위한 쿤웍스의 분류 및 가격 필터 기반 AI 도구 탐색 디렉터리 제품 사례. 다양한 AI 제품의 용도·가격·특징을 비교하는 탐색 부담을 핵심 검토 과제로 설정.

프로젝트 범위
제품 사례 · 프론트엔드
기술·작업 구성
React, TypeScript
핵심 기능 살펴보기
분류 및 가격 필터 기반 AI 도구 탐색 디렉터리
D18 / PROJECT COVER제품 사례 · 프론트엔드
01 프로젝트 배경

문제와 접근 방식

검색과 카테고리·가격 필터, 정렬 및 상세 정보를 결합하여 사용 목적에 맞는 AI 도구를 찾아보는 디렉터리 구현. 검색·카테고리·가격·정렬 조건을 연결하여 도구 후보를 좁히는 탐색 UI 구현.

02 핵심 기능

화면으로 보는 핵심 기능

02 / 04

카테고리 및 가격 필터

도구 탐색자를 위한 용도·가격 조건 선택으로 후보 범위 축소 지원

카테고리 및 가격 필터 — 도구 탐색자를 위한 용도·가격 조건 선택으로 후보 범위 축소 지원
카테고리 및 가격 필터이미지 크게 보기 (새 탭)
03 상세 화면·설계

구조와 설계의 연결

프로젝트의 정보 구조와 화면 구성, 설계 기준을 한눈에 살펴보세요

프로젝트 상세 보드 — 분류 및 가격 필터 기반 AI 도구 탐색 디렉터리
프로젝트 상세 보드이미지 크게 보기 (새 탭)