차량 관리 앱 UX/UI
서비스 기획·UX/UI
D21 · APPS · UX
제품·시연 사례제공된 제품 화면 · 예시 데이터
숏폼 커뮤니티
숏폼 피드의 시청 흐름에 좋아요·댓글·탐색을 연결한 모바일 커뮤니티 앱입니다. 화면을 크게 쓰는 피드와 참여 도구, 여러 탭을 오가는 탐색 구조를 함께 제작했습니다.
- 사례
- 시청과 참여를 잇는 숏폼 커뮤니티
- 수행 유형
- 제품·시연 사례
- 작업 범위
- 숏폼 피드 · 좋아요 반응 · 댓글과 답글 · 발견 탭 · 활동·메시지·프로필 UI
- 자료
- 제공된 제품 화면 · 예시 데이터
시청 흐름 안에서 참여하기
큰 세로 영상 위에 작성자·설명·음원 정보와 반응 도구를 배치했습니다. 좋아요 상태와 하트 반응 애니메이션을 구성하고, 댓글은 영상의 맥락을 남기는 하단 모달로 연결했습니다. 댓글 목록과 중첩 답글, 입력 영역을 한 패널 안에서 다룹니다.
관심 콘텐츠를 찾는 이동 구조
발견 탭의 카테고리·태그·영상 카드와 프로필의 콘텐츠 목록을 구성했습니다. 피드·발견·만들기·받은함·프로필의 다섯 탭은 공통 하단 탐색 구조를 사용합니다. 주요 행동인 만들기는 색상과 형태로 강조했습니다.
반응과 개인 대화 구분
받은함은 활동과 메시지를 나눠 구성했습니다. 활동 목록에서는 반응 유형을 좁히고, 메시지 목록에서는 상대와 대화 화면으로 이동합니다. 목업 데이터를 바탕으로 소셜 앱의 시청·참여·탐색 화면과 인터랙션을 제작한 사례입니다.
PROJECT INFO
- 제작: 쿤웍스
- 제품: SNS 앱 프론트엔드 템플릿
- 기술: React Native · Expo · Expo Router · TypeScript · Animated
비슷한 일을 준비 중이라면.이 사례 정보가 문의서에 함께 담깁니다.
MORE · APPS · UX
같은 분야의 다른 사례
우리 업무에 적용한다면.
이 사례 정보가 문의서에 함께 담깁니다.