왜 필요했나요?
텍스트·사진·스티커로 만든 디자인을 주문 정보와 결제까지 정확히 전달해야 합니다.
PROJECT / SOGNORA
Make Moment
케이크 디자인 편집과 주문·결제를 담은 수제 케이크 앱
무엇을 만들었나요?커스텀 케이크 주문 앱
어떤 흐름인가요?원하는 케이크 디자인을 직접 만들고 주문하려는 구매자
담당 범위Flutter 소비자 앱과 편집·주문·WebView 결제 연동
참여 기간 2023.06 – 2024.05 · 약 12개월
커스텀 케이크 주문 앱
Make Moment는 고객이 직접 케이크 디자인을 만들고 주문하는 Flutter 앱입니다.
청년창업지원사업을 진행하던 대표님에게 수주해 제작한 프로젝트입니다.
어떻게 구현했나요?
다단계 캔버스 편집, 이미지 압축·업로드, 주문 API와 WebView 결제 후 앱 복귀를 구현했습니다.
주요 화면으로 확인하기
실제 앱 화면 · 저장소 이력
주요 화면
주문 방식을 고르는 데서 시작합니다
처음 사용하는 사람도 주문 방식을 이해할 수 있도록 안내, 케이크 유형, 기존 디자인 탐색 순서로 시작합니다.
주요 화면
캔버스에서 케이크를 직접 꾸밉니다
텍스트와 이미지, 스티커의 위치와 크기를 바꾸고 완성한 디자인에 주문 정보를 붙입니다.
주요 화면
완성한 디자인으로 결제합니다
사용자가 올린 이미지는 압축해 주문 데이터와 함께 전송하고, 카드결제가 끝나면 앱으로 돌아오게 연결했습니다.
작업 정보
- 담당 범위
- Flutter 앱 · 캔버스 편집기 · 주문 과정 · 이미지 업로드 · WebView 결제 · 딥링크
- 참여 기간
- 2023.06 – 2024.05 · 약 12개월
- 사용 기술
- FLUTTER
- 현재 상태
- 개발 완료 · 레거시 프로젝트
- 확인 자료
- 실제 앱 화면 · 저장소 이력
구현 범위 자세히 보기
- 캔버스 편집기
텍스트·스티커·이미지 배치, 크기 조절, 회전, 자르기, 순서 변경
- 주문 과정
상품 선택부터 디자인 확인, 주문 정보 입력, 결제까지 4단계 구성
- 이미지 처리
사용자 이미지 압축, 업로드, 주문 데이터와 디자인 결과 연결
- 결제
브라우저 카드결제 화면 내장과 딥링크 앱 복귀
다음 프로젝트
프로젝트 문의 비슷한 서비스를 만들고 있나요?
현재 화면이나 필요한 기능을 보내주시면, 필요한 범위부터 함께 정리합니다.