문제점
Brush 앱 개발 이전까지 메이크업 브러시 시장에는 맞춤형 제품을 실시간으로 시각화하고 커스터마이징할 수 있는 디지털 플랫폼이 부족했습니다. 특히 메이크업 아티스트와 뷰티 애호가들은 다음과 같은 문제에 직면해 있었습니다:
- 커스터마이징 도구 부족: 사용자는 브러시 구성 요소를 조합한 결과를 시각적으로 확인할 수 없어, 원하는 스타일을 구현하기 어려웠고, 직접 샘플을 확인해야 했습니다.
- 단편적인 카탈로그: 많은 브랜드가 제한된 상호작용만 가능한 정적인 카탈로그를 제공해, 제품 탐색과 비교가 비효율적이었습니다.
- 제한된 B2B 도구: 전문가들이 대량 주문이나 OEM 요청에 필요한 맞춤형 제품 사양을 효율적으로 생성하고 내보내거나 공유할 방법이 없었습니다.

프로젝트 목표
Brush 애플리케이션의 주요 목표는 메이크업 전문가 및 뷰티 애호가들이 뷰티 도구와 상호작용하는 방식을 새롭게 정의하는 것이었습니다. 이 앱은 시각적으로 풍부하고 매끄러운 디지털 경험을 제공함으로써 다음을 실현하고자 했습니다:
- 사용자들이 원하는 모 타입, 페럴 마감, 핸들 디자인을 선택하여 이상적인 브러시를 가상으로 제작할 수 있도록 지원
- 실시간 미리보기를 통해 사용자들이 더 자신 있게 결정을 내릴 수 있도록 도움
- 얼굴 부위 및 용도에 따라 직관적으로 필터링 가능한 스마트 제품 카탈로그 통합
- 전문가들이 클라이언트 프레젠테이션 또는 공급 요청 시 PDF 내보내기 및 이메일 공유 기능을 활용할 수 있도록 지원
- iOS와 Android 모두에서 고성능 및 안정적인 호환성 확보

핵심 포인트
- 몰입형 커스터마이징 엔진: 모 타입, 페럴, 핸들 등 다양한 요소를 실시간으로 3D 미리보기 가능—직접 디자인하는 듯한 생생한 경험 제공
- 고급 필터링 시스템: 브러시를 얼굴 부위 및 용도(예: 쉐이딩, 아이라인, 하이라이팅) 기준으로 분류해 사용자의 선택을 빠르게 유도
- 완벽한 기술 통합: 모바일은 React Native, 관리자 대시보드는 Angular, 백엔드는 Node.js로 구현되어 실시간 렌더링, 필터링, 데이터 내보내기 처리 최적화
- 전문가용 출력 기능: 선택한 디자인을 PDF로 내보내거나 이메일로 공유할 수 있어, 리테일, OEM, 브랜드 담당자 등 B2B 환경에서 유용하게 활용 가능

Brush는 사용자가 메이크업 브러시의 손잡이, 페럴(금속관), 브러슬(모) 등 다양한 부품을 선택하고 조합하여 가상으로 커스터마이징할 수 있는 모바일 애플리케이션입니다. 색상과 시각 필터도 자유롭게 적용할 수 있으며, 동시에 수백 가지의 브러시 모델을 열람할 수 있는 제품 카탈로그 기능도 제공합니다. 사용자는 실시간으로 디자인을 미리 보기하고, 선택한 항목을 PDF로 내보내거나 이메일로 공유할 수 있습니다.
이 앱은 React Native를 사용해 iOS와 Android 버전으로 개발되었으며, 제품 데이터를 관리하고 사용자 활동을 모니터링하기 위한 Angular 기반의 웹 관리자 대시보드도 포함되어 있습니다.
Demo: https://drive.google.com/file/d/1Q6cHCljJBXoy5GDCjLToxNgCyNVx3vd9/view?usp=sharing