본인
아이디어와 기능 배치 제안, UI 시안·전체 화면 구현. 화면별 일일 작업량을 정하고 주요 동작 확인을 완료 기준으로 삼았습니다.
방구석 탐험대
검색과 AI 추천, 두 핵심 기능이 같은 중요도로 보이도록.
Steam과 RAWG 같은 기존 서비스를 보며, 처음 게임을 탐색하는 사용자에게는 낯설 수 있겠다고 느꼈습니다. 한국어로 취향을 설명해 인디게임을 추천받고, 검색과 커뮤니티에서 게임을 찾고 의견을 나눌 수 있는 서비스를 만들고자 했습니다.
한국어로 취향을 설명하는 추천과 검색, 의견을 나누는 커뮤니티를 함께 제공했습니다. 영문 게임명은 한국어로 번역해 DB에 등록하여 한국어 이름으로도 찾을 수 있도록 했습니다.
홈 — 취향 기반 추천
담당 역할과 기여
공동
2인 팀에서 요구사항 정의와 와이어프레임 설계를 함께 진행했습니다.
팀원
백엔드와 추천 기능 구현을 담당했습니다. API 명세를 바탕으로 화면 작업을 진행했습니다.
기획적 고민과 의사결정
논의한 대안
AI 추천을 하단의 필터처럼 배치
선택한 방향
검색과 AI 추천을 나란히 배치
AI 추천이 부가 기능처럼 보일 수 있다고 판단했습니다. 핵심 기능의 중요도를 배치에도 반영하려 했습니다.
두 배치안을 보여주며 합의했습니다.
상황·판단
팀원은 AI 추천을 하단에 배치하는 안을 제안했습니다. 저는 검색과 AI 추천이 모두 핵심 기능이라는 점을 화면에서 드러내고 싶었습니다.
나의 행동
두 안을 와이어프레임으로 보여주고, 나란히 배치하면 사용자가 선택지를 한눈에 볼 수 있다고 설명했습니다.
확인한 점
팀원도 두 기능의 중요도가 드러나는 배치에 동의했고, 합의한 안을 최종 화면에 반영했습니다.
두 핵심 기능을 같은 행에 배치해 선택지를 함께 보여줍니다.
이미지를 누르면 크게 볼 수 있습니다.함께 고민한 결정
한국어 입력과 검색 진입 동선으로 탐색을 도왔습니다.
처음에는 라이브러리 탭에 들어가 검색하도록 설계했습니다. 게임을 고르는 사용자가 오래 머물지 않을 것이라는 가정에서, 검색에 접근하는 단계를 줄이고자 했습니다.
내비게이션의 검색 탭에서 바로 입력할 수 있도록 동선을 변경했습니다. 강사님의 조언을 받아 영문 게임명을 한국어로 번역해 DB에 등록하는 방식을 적용했습니다. 저는 검색창과 검색 결과 화면을 포함한 프론트엔드 전체를 담당했습니다.
한국어 게임명을 미리 등록한 검색 방식으로, 실제 검색 예시는 돈 스타브입니다. 탐색 시간 단축 효과는 수치로 측정하지 않았습니다.
취향이 드러나는 기록을 홈 추천으로 연결했습니다.
찜한 게임과 AI 추천 기록에 사용자의 취향이 담겨 있다고 판단했습니다.
이 기록을 활용한 홈 취향분석 추천을 제안하고 화면을 담당했습니다. 백엔드 구현은 팀원이 맡았습니다.
사용자의 기록을 홈 추천 화면에 연결했습니다. 세부 집계·가중치·정렬은 백엔드 구현 영역입니다.
사용자 흐름
- 01검색·AI 추천 선택
- 02조건 또는 취향 입력
- 03추천·검색 결과 탐색
- 04게임 상세 확인
결과와 검증
반 12개 팀 중 3위를 기록했고, 최종 평가에서 UI가 예쁘고 서비스와 잘 어울린다는 피드백을 받았습니다.
직접 확인
동작 확인: 합의한 배치의 화면 반영과 주요 동작을 확인했습니다. 상세 화면에서 돌아왔을 때 검색 조건이 유지되는지도 확인했습니다. 외부 피드백: 최종 평가에서 UI가 예쁘고 서비스와 잘 어울린다는 의견을 받았습니다.
검증 범위
순위와 UI 평가는 팀 전체 성과입니다. 초보자의 탐색 어려움은 사용자 조사로 검증하지 않았고, 배치 변경의 효과도 이용률·이탈률 등으로 측정하지 않았습니다. 커뮤니티 활성화는 기획 목표이며 달성한 성과로 확인하지 않았습니다.
기능의 중요도를 말로 설명하는 데서 멈추지 않고, 비교 가능한 화면으로 만들어 팀의 결정을 이끌었습니다.
구현을 이해하는 기획
Vue 3 · Pinia
검색·추천 화면과 탐색 상태 관리
API 연동
백엔드 추천 결과를 화면에 연결