보고 싶은 작품은 많지만 무엇부터 볼지 결정하기 어려운 순간에서 출발했습니다. 긴 순위표보다 지금의 취향을 짧게 입력하고 한 편을 받는 흐름에 집중했습니다.
LIVE WEB SERVICE / 2026
애니추천.com
2,026개 작품에서 지금 보고 싶은 한 편을 찾는 애니메이션 추천 서비스입니다.
2,026개의 애니메이션을 기반으로 태그와 방영 연도를 조합해 취향을 좁히고, 조건에 맞는 작품 하나를 명확하게 추천합니다. Codex를 활용한 바이브 코딩으로 기획부터 구현까지 3일 동안 완성했습니다.
- 제작 기간
- 3일
- 데이터
- 2,026개 작품
- 역할
- 기획 · UI/UX · 구현
- 상태
- LIVE
SCREEN TOUR / 01—03
실제 화면으로 보는 추천의 흐름
PROJECT OVERVIEW
고르는 피로를 한 번의 추천으로.
취향을 선택 가능한 언어로
장르뿐 아니라 명작, 입문픽, 몰입각, 힐링처럼 실제로 작품을 찾을 때 쓰는 표현을 태그로 구성했습니다.
범위는 세밀하게, 결과는 하나만
태그와 방영 연도로 후보는 세밀하게 좁히되 최종 화면에서는 한 작품만 보여줘 선택의 부담을 줄였습니다.
3일 안에 작동하는 서비스로
Codex와 함께 구조를 빠르게 실험하고, 정적 데이터와 Vanilla JavaScript를 사용해 실제 배포 가능한 형태까지 완성했습니다.
BUILD NOTES
빠르게 만들되, 경험의 순서는 또렷하게.
-
STEP 01
정보 구조
추천, 필터, 검색, 결과를 한 페이지 흐름으로 연결했습니다.
-
STEP 02
추천 조건
태그와 연도 범위가 동시에 적용되도록 후보군을 설계했습니다.
-
STEP 03
반응과 연출
뽑기의 기대감은 살리고 결과 정보는 빠르게 읽히도록 정리했습니다.
TOOLS
- Codex
- HTML
- CSS
- Vanilla JavaScript
- Static Dataset