반려묘 케어 앱 구축

반려묘 케어 앱 및 스마트 급식기 연동 플랫폼 구축

기간 : 2개월범위 : UX/UI 디자인, Flutter 프론트엔드 개발, 반려묘 데이터 구조 및 디바이스 연동 플로우 설계

기존 반려동물 관리 서비스는 급식, 건강 기록, 기기 제어가 각각 분리되어 있어
보호자가 상태를 한 번에 파악하기 어려웠습니다.

본 프로젝트는 "반려묘 상태를 직관적으로 확인하고, 보호자의 관리 행동을 자연스럽게 유도하는 것"을 목표로

반려묘 프로필 관리, 스마트 급식기 연동, 홈 대시보드를 하나의 앱 경험으로 통합한 사례입니다.
반려묘 정보 등록부터 디바이스 연결, 급여/컨디션 확인, 로그인 및 온보딩까지
보호자가 실제로 자주 쓰는 흐름 중심으로 설계했습니다.

반려묘 상태를 직관적으로 확인하고, 관리 행동을 자연스럽게 유도하는 앱 구축

본 프로젝트는 반려묘의 정보와 디바이스 상태를 따로 보는 것이 아니라,
홈 화면에서 한 번에 파악할 수 있도록 정리하는 것이 핵심이었습니다.

주요 기능은 다음과 같았습니다.

반려묘 프로필 등록
스마트 디바이스 연결
홈 대시보드 기반 급여/컨디션 확인
로그인 및 사용자 온보딩 플로우

반려동물 서비스 UX와 모바일 앱 구현 경험을 함께 갖춘 개발 파트너가 필요했던 이유

고객사는 반려묘 케어 도메인과 제품 방향성은 명확했지만,
이를 실제 사용성 높은 앱 화면과 연결 플로우로 구현하는 경험은 상대적으로 부족했습니다.
그래서 브랜딩 감성뿐 아니라 실제 사용 흐름까지 설계할 수 있는 프론트 중심 개발 역량이 필요했습니다.

보호자 관점에서 쉽게 이해되는 온보딩/가입 흐름 설계 필요
고양이 프로필 입력, 건강 정보, 알러지 등 복합 입력 UX 정리 필요
스마트 급식기 검색 및 연결 과정을 이탈 없이 구성해야 함
짧은 일정 내 MVP 완성과 실제 서비스형 UI 완성도가 동시에 중요했음

고객사의 어려움

반려묘 케어 서비스는 감성적인 화면만으로는 부족했고,
실제 보호자가 매일 반복해서 사용할 수 있는 흐름과 정보 구조가 함께 필요했습니다.

감성과 실사용성을 동시에 만족하는 반려동물 앱 UX 설계
- 브랜드 감성은 살리되, 실제 사용에 부담이 없도록 화면 흐름을 단순하게 구성해야 했습니다.
- 보호자가 빠르게 상황을 이해하고 행동할 수 있는 구조가 필요했습니다.
반려묘 정보 입력 과정이 길어질 때 발생하는 이탈 최소화
- 품종, 성별, 체형, 알러지, 병력 등 입력 항목이 많아도 단계적으로 쉽게 입력할 수 있어야 했습니다.
- 초기 온보딩에서의 이탈이 곧 서비스 전환 저하로 이어질 수 있었습니다.
디바이스 검색, 연결, 매칭 과정을 쉬운 플로우로 단순화
- 스마트 급식기를 찾고 연결하는 과정이 복잡하면 실제 사용이 어려워질 수 있었습니다.
- 연결 실패 가능성을 줄이는 안내 구조가 필요했습니다.
홈 화면에 건강/급여/상태 데이터를 복잡하지 않게 시각화
- 급여 상태, 컨디션, 활동 정보를 한 화면에 담되 과하게 복잡하지 않아야 했습니다.
- 카드와 차트 중심으로 빠르게 상태를 파악할 수 있어야 했습니다.

반려묘 상태와 디바이스 연결을 하나의 앱 흐름으로 통합

이번 프로젝트에서는 반려묘 데이터와 디바이스 제어를 따로 분리하지 않고,
하나의 앱 경험 안에서 자연스럽게 이어지도록 만드는 것이 핵심이었습니다.

핵심 요구사항은 다음과 같았습니다.

반려묘 프로필 등록 구조 설계 (품종, 성별, 체형, 중성화 여부, 알러지, 병력 등)
프론트: 모바일 중심 온보딩, 로그인, 프로필 입력, 디바이스 연결 플로우 구현
홈 대시보드: 급여 상태, 신선도, 영양 정보, 주간 점수, 활동 타임라인 시각화
디바이스: 자동 검색, Wi-Fi/Bluetooth 안내, 연결 완료 및 매칭 화면 제공
확장: 추후 자동화, 마이페이지, 다묘 관리로 확장 가능한 탭 구조 설계

솔루션 1
감성형 브랜딩 위에 실제 사용 행동을 얹은 UX/프론트 설계

이번 프로젝트에서는 예쁜 화면보다,
보호자가 실제로 앱에서 무슨 행동을 해야 하는지 명확하게 보이도록 만드는 것이 중요했습니다.
- 스플래시 → 로그인 → 회원가입 → 고양이 프로필 등록으로 이어지는 자연스러운 온보딩
- 프로필 이미지를 직접 선택하고, 품종/알러지/병력 정보를 단계적으로 입력하는 구조
- 홈 화면에서 급식 상태, 영양 지표, 활동 기록을 카드와 차트 중심으로 직관화
- 보호자가 바로 행동할 수 있도록 장치 추가, 연결 상태 확인, 매칭 흐름을 단순한 CTA로 배치
이를 통해 사용자는 복잡한 설정을 먼저 학습하지 않아도
반려묘 관리에 바로 진입할 수 있었습니다.
솔루션 2
반려묘 데이터와 디바이스 제어 경험을 하나의 앱 흐름으로 통합

앱 안에서 프로필, 연결, 급여 상태를 따로 끊지 않고 이어붙이는 구조를 설계해
보호자가 자연스럽게 다음 행동으로 넘어갈 수 있도록 구성했습니다.
- 반려묘 프로필과 디바이스 연결 단계를 분리하지 않고 연속된 서비스 경험으로 구성
- 디바이스 검색 과정에서 Wi-Fi/Bluetooth 상태를 미리 안내해 연결 실패 가능성 감소
- 홈 대시보드에서 급식기 상태와 반려묘 컨디션 정보를 함께 확인할 수 있도록 설계
- Riverpod 기반 상태 관리 구조와 공통 디자인 시스템으로 화면 확장성과 유지보수성 확보
이 구조를 통해 앱은 단순한 기기 제어 도구가 아니라,
반려묘 상태를 중심으로 한 일상 관리 앱으로 자리잡을 수 있었습니다.

반려묘 프로필 등록 & 관리

보호자가 반려묘 정보를 빠르게 입력하고
이후 관리에 활용할 수 있도록 구조화했습니다.
- 프로필 이미지 등록
- 품종, 성별, 체형, 중성화 여부 입력
- 알러지 및 병력 정보 선택/추가 입력
- 입력 완료 후 미리보기 기반 확인 플로우 제공
이를 통해 사용자는 반려묘의 기본 정보를
한 번에 등록하고 관리할 수 있었습니다.
스마트 디바이스 연결 & 매칭

급식기 연결 과정에서 사용자가 이탈하지 않도록
검색과 연결 흐름을 단순하게 만들었습니다.
- 등록된 기기가 없을 때 장치 추가 진입 유도
- 주변 기기 자동 검색 및 연결 가능한 디바이스 리스트 제공
- Wi-Fi/Bluetooth 활성화 안내
- 연결 후 반려묘와 디바이스 매칭 화면 제공
이를 통해 스마트 디바이스와 앱이
보다 자연스럽게 연결될 수 있도록 했습니다.
홈 대시보드 & 케어 데이터 시각화

보호자가 앱을 열자마자 상태를 바로 파악할 수 있도록
핵심 수치를 카드와 차트로 정리했습니다.
- 메인 KPI 형태의 급여/컨디션 정보 요약
- 영양 상태, 신선도, 주간 점수, 활동 타임라인 제공
- 카드/차트 기반 시각화로 빠른 상태 파악 지원
- 향후 자동화, 기기 제어, 마이페이지로 확장 가능한 탭 구조 반영
이를 통해 반려묘의 상태를
한눈에 확인하고 바로 대응하는 경험을 만들었습니다.

브랜드 감성과 실사용 UX를 함께 반영한 반려묘 케어 앱 구축

이번 프로젝트는 모바일 MVP 기준 핵심 사용자 플로우를 중심으로 구현을 마무리한 사례였습니다.

반려묘 프로필 등록부터 디바이스 연결, 홈 확인까지 하나의 앱 경험으로 정리
보호자 입장에서 복잡할 수 있는 기기 연결 과정을 비교적 직관적으로 단순화
브랜드 감성과 실사용 UX를 함께 반영한 반려묘 케어 앱 기반 구축

보호자가 일상에서 자주 확인하는 흐름을 중심으로 정리해,
반려묘 상태를 보다 쉽게 관리할 수 있는 모바일 서비스로 완성했습니다.

다른 포트폴리오 보기