프로젝트 배경
문제점 - 웹 전용 스튜디오 관리 툴로 인한 에디터의 데스크톱 구속, 현장 촬영 중 주문 확인 불가 - 고객 사진 접수가 데스크톱 업로드 중심이어서 스튜디오 이동 중 접수 지연 - Before/After 이미지를 모바일 브라우저에서 비교할 때 슬라이더 UX 미비 - 에디터 본인 작업 갤러리 모바일 조회 부재로 포트폴리오 공유 어려움 - 사진·크리에이티브 도메인 모바일 포트폴리오 부재로 관련 발주 프로
프로젝트 성과
웹 백엔드 100% 재활용
별도 모바일 전용 API 없이 기존 웹 REST 엔드포인트를 그대로 호출. 서버 개발 공수 없이 모바일 앱을 구축하여 개발 기간을 절반 수준으로 단축했습니다.
2-Persona 관리자·에디터 5탭 구성
관리자·에디터 2개 역할을 원클릭 데모 로그인으로 시연. 역할별 탭 구성이 자동 전환되어 한 앱에서 두 워크플로우를 모두 제공합니다.
Before/After 풀스크린 슬라이더 + 카메라 접수
Reanimated 기반 풀스크린 Before/After 슬라이더와 Expo Camera 사진 접수를 통합. 웹에서는 구현이 어려운 네이티브 특화 UX를 제공합니다.
DataTable → FlatList 모바일 재설계
웹의 복잡한 DataTable 레이아웃을 모바일 FlatList 카드로 전면 재설계. 터치 조작·스크롤 성능·정보 위계 모두 모바일 기준에 맞게 최적화되었습니다.
사진 도메인 풀스택 포트폴리오
웹+앱 동일 도메인 풀스택 포트폴리오 확보. 사진·크리에이티브 도메인 앱 발주 프로젝트 수주 시 구체적 결과물을 제시할 수 있습니다.
핵심 기능
진행 단계
기획
2026.02.
웹 대비 모바일 기능 패리티 분석(웹 7개 route → 모바일 INCLUDE/ADAPT/EXCLUDE 판정), 관리자·에디터 2-persona 5탭 네비게이션 설계, 카메라 사진 접수 워크플로우 기획
프로젝트 상세
1) 포트폴리오 소개 사진 보정 스튜디오의 주문 접수·에디터 배정·Before/After 갤러리를 관리하는 모바일 앱 PixelPro Studio의 React Native 버전입니다. 스튜디오 관리자는 주문 배정과 매출 분석을, 에디터는 본인 배정 주문과 작업 갤러리를 모바일에서 관리합니다. 사진 보정 워크플로우는 현장·스튜디오를 자주 이동하면서 처리되기 때문에 데스크톱 전용 툴로는 운영 효율이 제한됩니다.






