펫뷸런스
특수동물 응급 상황 시, 가까운 24시 동물병원과 응급 수술이 가능한 병원을 찾아줍니다
개요
Team / Role
8인 / 펫뷸팀 유일한 디자이너
- 디자인 시스템 구축
- 로고 및 브랜드 디자인
- 스크린 디자인 제작 (440개+a)
- 프로토타입 제작
- 디자인 QA 및 개발 협업
- 배너, 마케팅, 메타광고 이미지 제작
Period / Contribution
2025.10 - 현재
✅ 디자인 기여도 100%
Tools
Figma
Notion
Discord
Github
디자인 시스템
Foundation
UXUI 디자인 일관성을 유지하고 디자이너와 개발자가 쉽고 효율적으로 활용할 수 있는 리소스를 제공하기 위해 Color 선정, Typography 위계 정립, Icon 제작 등 펫뷸런스 앱의 Foundation 요소를 정립했습니다.
디자인 토큰
Color Primitive를 정의하고, Color Semantic으로 연결해 Variables로 등록했습니다. Typography는 Variables 등록 후 Styles를 사용했습니다.
컴포넌트 제작
사용 빈도가 높은 컴포넌트에서 변주가 많은 경우, Variables를 활용해 다양한 버전의 컴포넌트를 만들고 베리언츠 그룹으로 묶어 작업 편의성을 높였습니다.
스크린 디자인
기획서 IA와 핵심 플로우를 기반으로 스플래시부터 마이페이지까지, 총 8개의 최상위 진입점을 정의하고 안드로이드 화면을 제작했습니다.
01 로그인
소셜 로그인 단일 플로우로 온보딩 이탈을 최소화하고, 응급 상황에서 빠른 접근을 위해 인증 단계를 1-tap으로 설계했습니다.
02 온보딩
반려동물 종류와 기본 정보를 초기에 수집해 병원 추천 및 커뮤니티 필터링의 기반 데이터로 활용합니다.
03 홈 / 병원 찾기
응급 상황에서 가장 빠르게 병원을 찾을 수 있도록 지도 기반 탐색을 전면에 배치했습니다. 현재 위치 기준 거리순 정렬과 24시 운영 필터를 1depth에서 제공합니다.
04 리뷰
실사용자 리뷰를 별도 섹션으로 강조하고, 동물 종류별 필터로 내 반려동물 맞춤 리뷰를 빠르게 탐색할 수 있도록 설계했습니다.
05 커뮤니티
특수동물 보호자들의 정보 공유 공간으로, 카테고리 탭과 인기순 정렬로 콘텐츠 탐색 진입 장벽을 낮췄습니다.
06 마이페이지
프로필, 작성한 글 수정, 알림설정, 업데이트, 약관 등을 한 곳에서 관리합니다. 회원은 마이페이지에서 자신의 정보를 확인하고 수정할 수 있습니다. 비회원은 추가 액션이 있을 경우, 로그인 후 이용 가능합니다.
Design Operations
Android와 Web, 2개의 플랫폼을 동시에 설계하고 개발팀과 협업하면서 단일 디자이너로서 440개+ 화면 설계를 주도했습니다.
QA
기획, PM, FE개발자, BE개발자를 포함한 총 8명 팀에서 유일한 디자이너로서, 동시에 진행되는 기획팀의 피드백, 개발팀의 구현 이슈, 자체 디자인 QA를 모두 처리해야 하는 병목 상황에 직면했습니다. 이 경험을 통해 단일 리소스 환경에서도 시스템적 접근으로 팀 전체의 생산성을 높일 수 있음을 증명했습니다.
