Appears Case · Character & Motion System

BUSY BEE
비지비

건물 관리, 꿀처럼 달콤하게.
건물관리 중개 플랫폼의 캐릭터 ‘비비’ — 앱 아이콘부터 슬로건·상황 연출 6종, 서비스 아이콘 15종, 워크플로우 6종, 당도(리뷰) 에셋, 그리고 살아 움직이는 로띠 모션 5종까지 하나의 시스템으로 설계했습니다.

Client · LIBIDUSCharacter DesignLottie MotionApp Asset System
비지비 캐릭터 비비
Slogan

건물 관리, 꿀처럼 달콤하게.

흩어져 있던 건물관리 업체를 한 곳에 모았습니다.
고객이 요청서를 올리면 검증된 업체들이 견적을 보내고,
여러 견적을 ‘당도(리뷰)’로 비교해 가장 달콤한 한 곳을 고릅니다.

App Icon — 손끝에서 시작되는 브랜드

홈 화면 위의 비비

비비의 얼굴을 그대로 담은 앱 아이콘 — 홈 화면 어디에 놓여도 한 눈에 비지비입니다.

BUSY BEE 앱 아이콘
App Icon · 1024pt Master
홈 화면 목업
Home Screen · 실제 배치

Character — 브랜드의 얼굴

일벌 캐릭터, 비비
비비
비비 턴어라운드
Turnaround · 정면 / 측면 / 후면
비비 BEE-BEE

부지런하고 친절한 일벌, 비비.
고객과 업체 사이를 분주히 오가며 딱 맞는 매칭을 찾아주는 비지비의 얼굴입니다.

통통한 입체감과 둥근 실루엣으로,
귀엽지만 유치하지 않은 신뢰감을 줍니다.

🐝 부지런함🍯 친절함✅ 믿음직함

Character in Action — 상황 연출 6종

서비스 흐름의 순간순간에 등장하는 비비

일관된 3D 톤으로 확장 가능한 캐릭터 세트 — 에러부터 상담까지, 어떤 화면에도 비비가 있습니다.

앗, 문제 발생
확인 완료
빠른 매칭
보증 · 베스트
꼼꼼 탐색
상담 지원

Category Icons — 서비스 카테고리 아이콘

로고와 통일된 둥근 입체 톤, 15종

청소부터 상담까지 — 13개 핵심 카테고리를 포함한 전 서비스를 직관적으로 안내하는 아이콘 세트입니다.

청소
방역
폐기물
배관 · 설비
정기점검
소방 · 안전
승강기
출입 관리
통합 케어
보안 · 전기안전
수거 · 운송
조명 · 전기
정기 일정
건물 종합
상담 · 문의

Live Motion — 실제로 움직입니다

앱 속에서 살아 움직이는 비비

아래 5종은 이미지가 아니라 실시간 재생 중인 벡터 모션(Lottie)입니다. iOS · Android · Flutter · React Native · Web 어디든 그대로 탑재됩니다.

업체 탐색 로딩 — 비비 날아가기
“업체를 찾는 중…” 대기 화면 · 지루한 로딩을 캐릭터 서사로 전환
2.75s Loop배경 투명벡터
헥스 스피너
벌집 모티브 로딩 인디케이터 · 브랜드 DNA를 시스템 UI까지 연장
1.2s Loop2KB 초경량
에러 상태 — 앗, 문제가 생겼어요
오류 화면의 부정적 감정을 캐릭터 공감으로 완화
2.4s Loop상태 일러스트
견적 스캔 — 돋보기 비비
“견적을 찾는 중” · 돋보기 스캔 + 바람 연출 통합 모션
3.2s Loop트랙 매트
당도 게이지 — 꿀 차오름
리뷰 지표 ‘당도’의 진행 에셋 · 꿀이 차오르는 벌집(0→100%)
5.0s1.3KB게이지
iOS🤖 Android💙 Flutter⚛ React Native🌐 Web배경 투명 · 무한 확대(벡터)

In-App Preview — 실제 화면 맥락

아이폰 프레임 안에서 보는 비비

모션이 실제 앱 화면에서 어떻게 살아나는지 — 텍스트·버튼은 네이티브 UI, 비비는 로띠로 얹히는 구조 그대로 재현했습니다.

업체를 찾는 중…
검증된 업체를 매칭하고 있어요
잠시만요 🍯
Loading · 업체 탐색
견적을 찾는 중…
조건에 맞는 견적을 모으고 있어요
견적을 받아보세요
Scan · 견적 매칭
앗, 문제가 생겼어요
네트워크를 확인하고 다시 시도해 주세요
다시 시도
Error · 상태 화면
견적을 받아보세요 화면
Empty State · 견적 유도
요청서 제출 완료 화면
Success · 제출 완료

Color System

허니 팔레트
Honey#F5A623 · Primary
Pollen#FFD166 · Accent
Cream#FFF6E5 · Surface
Deep Brown#3A2A18 · Ink

Workflow — 안내부터 완료까지

여섯 단계의 여정, 여섯 개의 이정표

워크플로우 아이콘 6종(로고와 통일된 둥근 입체 톤)이 각 단계의 이정표가 되고 — 그 여정이 그대로 홈 화면의 ‘할 일’ 허브로 구현됩니다.

할 일 허브 실제 화면
Home · 할 일 허브 실화면
안건
무엇이 필요한지부터. 청소·방역·수리 등 건물에 맞는 관리 안건을 비비가 짚어줍니다.
견적
조건에 맞는 업체를 탐색하고 견적을 받습니다 — 견적 스캔 모션이 일하는 순간입니다.
계약
선택한 업체와 계약을 맺습니다. 조건은 명확하게, 절차는 가볍게.
결제
합의된 조건 그대로 안전하게 결제합니다. 결제되어야 작업이 시작됩니다.
작업 확인
작업이 약속대로 진행됐는지 확인합니다. 클립보드를 든 비비가 함께 점검합니다.
완료
관리 완료. 리뷰를 남기면 당도 게이지에 꿀이 차오릅니다.

Sweetness — 당도 시스템

리뷰가 곧 당도, 벌집이 차오를수록 달콤한 업체

별점 대신 당도 — 빈 벌집에서 25% · 50% · 100%, 꽉참의 변화로 신뢰를 보여주는 진행 에셋입니다. 여러 견적을 당도로 비교해 가장 달콤한 한 곳을 고릅니다.

Live · 꿀 차오름 모션
0%
25%
50%
100%

Voice & Personality — 비비가 말하는 법

부지런한 일벌의 성실함에, 꿀의 온도

비비의 성격이 곧 앱의 문체입니다 — 상황에 따라 위트와 정확함의 비율이 달라집니다.

부지런한요청이 들어오는 순간 날아오릅니다. 업체 탐색부터 견적·확인까지, 비비가 먼저 움직입니다.
친절한방역·수리·점검 같은 어려운 일을 쉬운 문장으로 풀어 말합니다. 처음 온 사용자도 헤매지 않도록.
믿음직한계약·결제·작업확인처럼 무게 있는 순간에는 위트를 줄이고 정확해집니다. 달콤함에도 기준이 있으니까요.

맞는 업체를 부지런히 찾는 중이에요 — 좋은 꿀은 아무 데서나 나지 않거든요.

견적 스캔 끝났어요. 어느 쪽이 더 달콤한 조건인지, 같이 볼까요?

앗, 여기가 아닌가 봐요. 날개 한 번 털고 다시 찾아볼게요.

작업 확인까지 마쳤어요 — 오늘 관리의 당도는 몇 %였나요?

Brand Sheet — 시스템 전체

캐릭터에서 시스템까지, 한 장의 설계

위에서 하나하나 풀어본 시스템의 원본 설계 문서 — 앱 아이콘 · 위젯 · 캐릭터 ‘비비’ 시트 · 상황 연출 6종 · 서비스 카테고리 아이콘 15종 · 앱 화면 모션 적용 · 워크플로우 아이콘 6종 · 당도 진행 에셋 4단계.

BUSY BEE · BRAND SHEET — FINAL