프로젝트 배경
1) 문제점 - 다양한 AI 제품의 용도·가격·특징을 비교하는 탐색 부담 - 사용자의 정보 탐색과 실행 단계를 연결하는 일관된 화면 구성 필요 2) 프로젝트 목표 - 통합 검색부터 도구 상세 정보까지 연결되는 이용 흐름 구현 - 업무 목적에 맞춘 정보구조 및 단계별 화면 구성 3) 주안점 - 검색과 카테고리·가격 필터, 정렬 및 상세 정보를 결합하여 사용 목적에 맞는 AI 도구를 찾아보는
프로젝트 성과
도구 탐색 기준 정리
검색·카테고리·가격·정렬 조건을 연결하여 도구 후보를 좁히는 탐색 UI 구현
비교 정보 접근성 개선
목록과 상세 정보를 구분하여 도구 특징을 확인하는 웹 화면 구성
핵심 기능
진행 단계
요구사항 및 목표 정리
2026.01.
통합 검색부터 도구 상세 정보까지 연결되는 이용 흐름 구현 / 업무 목적에 맞춘 정보구조 및 단계별 화면 구성
프로젝트 상세
필요한 AI 도구를 찾고 비교하는 디렉터리 웹 프론트엔드를 제작했습니다. 다양한 도구를 발견하는 경험과 사용 목적에 맞는 후보를 좁혀가는 경험을 함께 다뤘습니다. 검색과 카테고리·가격 필터, 정렬, 트렌딩·신규 도구 목록을 구성했습니다. 도구를 선택하면 상세 정보와 외부 서비스 진입 경로를 확인할 수 있도록 연결했습니다. 반응형 화면에서 목록 탐색과 상세 확인을 이어갈 수 있게 했습니다. 외부 AI







