← Projects로 돌아가기
역할별 사용자 경험과 데이터 흐름을 한 제품 안에서 정리한 화면
pawsitive
pawsitive
2024.01 - 2024.02Completed#adoption#community#survey
pawsitive는 보호소와 입양 희망자를 연결하고, 추천, 커뮤니티, 사후관리까지 이어주는 유기견 입양 지원 서비스입니다. 저는 역할별 사용자 흐름을 분리하고 설문, 데이터 조회, 위치 기반 커뮤니티를 구현했습니다.
같은 서비스 안에서도 보호소와 입양 희망자의 목적이 달랐기 때문에, 역할별로 다른 여정을 설계하는 일이 중요했습니다. 입양 희망자에게는 5단계 맞춤형 흐름을 제공하고, 설문 20문항 상태를 Jotai로 관리해 긴 입력 흐름을 단순하게 유지했습니다.
카카오맵 기반 위치 커뮤니티와 유기견 조회 API를 React Query로 연결해 데이터 흐름을 정리했고, 모바일 맥락까지 고려한 PWA 경험을 구축했습니다. 이 프로젝트는 SSAFY 공통 프로젝트 경진대회 우수상으로 마무리됐습니다.
What I worked on
- 입양 희망자와 보호소를 역할별로 분기 처리하고, 입양 희망자에게는 5단계 맞춤형 흐름을 제공해 사용자 경험을 최적화했습니다.
- 카카오맵 API를 활용해 위치 기반 커뮤니티를 구현하고, 카테고리와 위치 기준으로 게시글을 탐색할 수 있도록 만들었습니다.
- 유기견 등록 및 조회 API를 React Query로 연결해 중복 호출을 줄이고 캐싱 흐름을 정리했습니다.
- Jotai를 사용해 20개 문항의 입양 설문 상태를 관리하고, 긴 입력 흐름을 비교적 단순한 구조로 유지했습니다.
Technical highlights
- 역할별 분기 UI와 서비스 흐름을 분리해 서로 다른 사용자의 목적을 한 제품 안에서 설계했습니다.
- PWA 기반 구성으로 모바일 맥락에서도 사용할 수 있는 흐름을 고려했습니다.
- 커뮤니티, 설문, 데이터 조회를 끊기지 않는 사용자 여정으로 연결하는 데 집중했습니다.
Screens
« Newer
Mancity
드론 경기 영상을 분석해 기록과 하이라이트를 제공한 풋살 서비스