프로젝트 배경
1. 문제점
- AI 서비스가 생겨나는 상황에서 서비스를 이용하고자하는 사용자가 서비스를 일일히 찾아보는 것에 대한 불편함을 발견
2. 프로젝트 목표
- 사용자가 우리가 수집, 가공한 데이터를 통해 AI 서비스 정보를 통해
- 해당 트래픽으로 광고배너로 수익화를 기대함.
- AI 서비스가 생겨나는 상황에서 서비스를 이용하고자하는 사용자가 서비스를 일일히 찾아보는 것에 대한 불편함을 발견
2. 프로젝트 목표
- 사용자가 우리가 수집, 가공한 데이터를 통해 AI 서비스 정보를 통해
- 해당 트래픽으로 광고배너로 수익화를 기대함.
프로젝트 성과
오픈 2주만에 방문자 2만명 이상 방문 달성
구글 애널리틱스로 사용자 동향을 파악하고 그를 기반으로한 메타데이터 설정으로 SEO를 향상시켜 방문자 2만명을 달성하였습니다.
핵심 기능


AI 서비스 간편 검색, 연관 정보 검색
간편검색에서 아이콘으로 검색할 수 있게하여 사용자 친화적으로 개발하였습니다.
상세페이지에 가이드 영상, 연관 서비스 등 사용에 필요한 정보들을 제공하였습니다.
상세페이지에 가이드 영상, 연관 서비스 등 사용에 필요한 정보들을 제공하였습니다.
프로젝트 상세
1. 포트폴리오 소개: AI 서비스 디렉토리·검색/비교 플랫폼. 다양한 AI 툴을 찾는 일반 사용자와 크리에이터·마케터·개발자를 주요 타깃으로, 한곳에서 탐색 → 비교 → 외부 사용으로 이어지도록 구성했습니다.
2. 작업 범위: 반응형 웹 기반 Front-end 개발 전반을 담당했습니다. 홈/카테고리/퀵서치 네비게이션, 카드형 목록·무한 스크롤, 검색·필터 UI의 API 연동, 경량 상세 라우트(resultdetail?type=simple) 설계, 표준 메타·OG 적용 등 SEO 기본 세팅을 수행했습니다. 지원 환경은 모바일·태블릿·데스크톱입니다.
구글 애널리틱스를 통해 사용자의 동향 데이터를 수집하였습니다.
3. 주요 업무: 퀵서치에서 카테고리·태그 선택 시 실시간 결과 수 표기와 조건 초기화 UX를 구현했습니다. 결과 목록은 썸네일·요약·태그·가격 표식·평점·즐겨찾기를 포함하고 인기/최신/평점 정렬을 지원합니다. 서비스 상세(예: Vocal Remover)에는 요약(Summary), 점수(Score), 외부 이동(Visit), 유사 서비스(Similar), 관련 영상(Related videos), 스크린샷을 통합했으며, CTA 클릭을 전환 로그로 수집했습니다.
4. 주안점: 최소 클릭·즉시 피드백 중심의 탐색 UX, 초기 페이로드 축소와 이미지 지연 로딩을 통한 체감 성능 개선, 요약·점수·유사 항목·영상의 일관된 배치로 비교 효율 강화, 외부 이동 버튼 가시성 확보 및 검색→상세→아웃바운드 전환 퍼널 측정 가능화에 집중했습니다.
2. 작업 범위: 반응형 웹 기반 Front-end 개발 전반을 담당했습니다. 홈/카테고리/퀵서치 네비게이션, 카드형 목록·무한 스크롤, 검색·필터 UI의 API 연동, 경량 상세 라우트(resultdetail?type=simple) 설계, 표준 메타·OG 적용 등 SEO 기본 세팅을 수행했습니다. 지원 환경은 모바일·태블릿·데스크톱입니다.
구글 애널리틱스를 통해 사용자의 동향 데이터를 수집하였습니다.
3. 주요 업무: 퀵서치에서 카테고리·태그 선택 시 실시간 결과 수 표기와 조건 초기화 UX를 구현했습니다. 결과 목록은 썸네일·요약·태그·가격 표식·평점·즐겨찾기를 포함하고 인기/최신/평점 정렬을 지원합니다. 서비스 상세(예: Vocal Remover)에는 요약(Summary), 점수(Score), 외부 이동(Visit), 유사 서비스(Similar), 관련 영상(Related videos), 스크린샷을 통합했으며, CTA 클릭을 전환 로그로 수집했습니다.
4. 주안점: 최소 클릭·즉시 피드백 중심의 탐색 UX, 초기 페이로드 축소와 이미지 지연 로딩을 통한 체감 성능 개선, 요약·점수·유사 항목·영상의 일관된 배치로 비교 효율 강화, 외부 이동 버튼 가시성 확보 및 검색→상세→아웃바운드 전환 퍼널 측정 가능화에 집중했습니다.

AI 서비스 상세 페이지

카테고리를 시각화하여 간편검색을 구현