플러스프로젝트 배경
프로젝트 목표
해당 프로젝트에서는 모바일 앱에서 스타일 피드 탐색 및 검색(해시태그 기반), 마이페이지 히스토리/아카이브, 공개/비공개 설정, 그리고 매장용 고객관리(CRM) 기능을 제공하는 것을 목표로 합니다. MVP 단계에서는 서버·어드민 구축 이전에 핵심 기능 단위를 빠르게 검증하기 위해, 로컬 DB(Drift)에 데이터를 저장·조회하는 구조로 사용자 경험과 기능 완성도를 우선 확인할 수 있도록 구성했습니다.
이후 프로젝트를 수주하게 된다면 논의를 진행한 후에 서버를 개발할 계획입니다. 또한 이를 기반으로 서버와 네트워크 연결을 통해 모바일 App 개발을 진행할 계획입니다.
해당 프로젝트에서는 모바일 앱에서 스타일 피드 탐색 및 검색(해시태그 기반), 마이페이지 히스토리/아카이브, 공개/비공개 설정, 그리고 매장용 고객관리(CRM) 기능을 제공하는 것을 목표로 합니다. MVP 단계에서는 서버·어드민 구축 이전에 핵심 기능 단위를 빠르게 검증하기 위해, 로컬 DB(Drift)에 데이터를 저장·조회하는 구조로 사용자 경험과 기능 완성도를 우선 확인할 수 있도록 구성했습니다.
이후 프로젝트를 수주하게 된다면 논의를 진행한 후에 서버를 개발할 계획입니다. 또한 이를 기반으로 서버와 네트워크 연결을 통해 모바일 App 개발을 진행할 계획입니다.
핵심 기능
UI 기획 및 구현
‘헤어스타일 아카이빙 및 미용실 고객관리(CRM) 앱 MVP 개발’ 문서의 MVP 요구사항을 기반으로 주요 화면을 기획하고, Flutter로 UI를 구현하였습니다.
데이터 저장 및 관리
MVP 조건에 맞춰, 게시물·해시태그·핀·히스토리·CRM 데이터를 저장하고 조회하는 구조를 빠르게 구현했습니다.
진행 단계
1. 기획
2025.12.
클라이언트와 논의 후에 결정된 기능과 화면 구성 요소를 기반으로 작업을 진행 할 계획입니다. 데이터 구조는 어떻게 설계해야할지 등 해당 프로젝트 개발에 대해 전반적으로 계획 및 문서를 작성하려 합니다.
2. 디자인
2025.12.
Figma를 사용하여, 기획 단계에서 논의된 화면 구성을 기반으로 하여 UI 디자인을 진행할 예정입니다. 화면의 경우에 사용자의 편의성을 위해 라이트 모드와 다크 모드 모두 지원할 예정입니다.
3.서버 개발
2025.12.
Back-End는 Linux 서버에 PHP 웹 프로그램 이용하여 REST-API도 구현 하여 API 통신을 하게 됩니다.
4. 모바일 App 개발
2025.12.
하나의 소스 코드로 android 및 ios에서 사용할 수 있는 Flutter를 사용하여 개발을 진행할 것입니다. 현재 작성된 코드들을 기반으로 다양한 edge case에 대비하여 촘촘하게 개발을 진행하려 합니다.
프로젝트 상세
1. 포트폴리오 소개 : 미용업 종사자에게는 고객 시술 이력과 메모를 체계적으로 관리할 수 있는 CRM 기능을, 일반 고객에게는 본인의 헤어스타일 히스토리 기록과 스타일 아카이빙 기능을 제공하는 헤어스타일 아카이빙 및 미용실 고객관리(CRM) 앱 MVP 프로토타입입니다.
2. 작업범위 : 화면 기획, 디자인, 서버 구축, Flutter를 통한 android/ios App 개발
3. 주요업무 : : Flutter 기반 UI 구현(피드/검색/마이페이지/CRM 화면), 핀터레스트 스타일의 그리드 레이아웃 구성 및 컴포넌트 개발, Riverpod 상태관리 구조 설계, Drift 기반 Local DB 스키마 설계 및 CRUD 구현
4. 추가 사항 : 해당 포트폴리오는 ‘헤어스타일 아카이빙 및 미용실 고객관리(CRM) 앱 MVP 개발’ 프로젝트 지원을 위해 작성되었습니다. 따라서 네트워크 통신 및 서버 연동 없이, 프로젝트의 ‘상세 기능 요구 사항(MVP 범위)’을 기준으로 Local DB 기반으로 핵심 사용자 플로우를 빠르게 검증할 수 있도록 프로토타입 형태로 제작했습니다. 이를 통해 화면 구성 방향성과 데이터 구조 설계 역량, 그리고 MVP 단계에서 요구되는 기능 구현 가능성을 클라이언트가 판단하는 데 도움이 되기를 기대하며 제작했습니다.
2. 작업범위 : 화면 기획, 디자인, 서버 구축, Flutter를 통한 android/ios App 개발
3. 주요업무 : : Flutter 기반 UI 구현(피드/검색/마이페이지/CRM 화면), 핀터레스트 스타일의 그리드 레이아웃 구성 및 컴포넌트 개발, Riverpod 상태관리 구조 설계, Drift 기반 Local DB 스키마 설계 및 CRUD 구현
4. 추가 사항 : 해당 포트폴리오는 ‘헤어스타일 아카이빙 및 미용실 고객관리(CRM) 앱 MVP 개발’ 프로젝트 지원을 위해 작성되었습니다. 따라서 네트워크 통신 및 서버 연동 없이, 프로젝트의 ‘상세 기능 요구 사항(MVP 범위)’을 기준으로 Local DB 기반으로 핵심 사용자 플로우를 빠르게 검증할 수 있도록 프로토타입 형태로 제작했습니다. 이를 통해 화면 구성 방향성과 데이터 구조 설계 역량, 그리고 MVP 단계에서 요구되는 기능 구현 가능성을 클라이언트가 판단하는 데 도움이 되기를 기대하며 제작했습니다.
메인 페이지입니다. 요청하신 것처럼 Masonry 레이아웃 기반으로 UI를 개발하였습니다.
메인페이지에서 이미지를 선택하면 상세 페이지로 이동할 수 있습니다.
저장해둔 이미지를 볼 수 있는 화면입니다. 이 곳에서 간단한 개인 정보를 입력 및 확인할 수 있습니다. 또한 'Salon CRM Mode'를 선택하면 매장용 고객 관리(CRM) 페이지로 이동할 수 있습니다.
매장용 고객 관리(CRM) 화면입니다. 이 화면에서는 고객에 대한 정보 확인 및 관리를 할 수 있습니다.
