1) 문제점
소상공인과 자영업자는 SNS 홍보의 필요성을 인지하고 있지만, 이미지 제작과 문구 작성, 업로드 일정 관리까지 직접 수행하기에는 시간과 부담이 컸습니다. 또한 마케팅 콘텐츠 생성, 결제, 공유, 성과 확인이 각각 분리되어 있어 서비스 사용 흐름이 복잡하고 지속적인 활용이 어려운 문제가 있었습니다.

2) 프로젝트 목표
AI 기반 마케팅 서비스의 웹앱 클라이언트를 구축하여, 사용자가 간단한 조작만으로 마케팅 콘텐츠를 생성하고 결제, 공유, 현황 확인까지 한 번에 수행할 수 있는 환경을 제공하는 것을 목표로 했습니다. 실제 마케팅 처리 로직은 의뢰사 시스템과 연동하되, 사용자 경험 측면에서는 모든 과정이 자연스럽게 이어지도록 UI/UX를 구현하는 데 중점을 두었습니다.

3) 주안점
웹앱 클라이언트의 완성도와 실사용성을 가장 중요하게 고려했습니다. 인앱결제(IAP), 소셜 공유, 소셜 로그인과 같이 서비스 성과에 직접적인 영향을 미치는 기능을 중심으로 구현했으며, 마케팅 예약 및 리포트 화면을 통해 사용자가 서비스 이용 결과를 직관적으로 확인할 수 있도록 구성했습니다.

1) 포트폴리오 소개
본 프로젝트는 소상공인을 대상으로 AI 기반 마케팅 콘텐츠를 쉽게 생성하고, 소셜 채널에 활용할 수 있도록 지원하는 마케팅 서비스의 웹앱(클라이언트) 개발 사례입니다. 사용자는 복잡한 마케팅 지식 없이도 이미지 생성, 콘텐츠 선택, 공유, 이용권 구매까지 하나의 앱 흐름에서 수행할 수 있도록 구성된 것이 특징입니다.

2) 작업 범위
AI 마케팅 서비스의 웹앱(클라이언트) 영역을 전담하여 UI/UX 설계 및 프론트엔드 구현을 수행했습니다. AI 처리 및 실제 마케팅 집행 로직은 의뢰사 시스템과 연동하는 구조로, 클라이언트에서는 이미지 생성 결과 표시, 콘텐츠 선택, 마케팅 예약 현황 확인, 결제(IAP), 소셜 공유 및 로그인 기능을 중심으로 개발을 진행했습니다.

3) 주요 업무
AI가 생성한 마케팅 이미지를 사용자가 쉽게 선택·활용할 수 있도록 화면 흐름을 설계하고, 다양한 스타일과 필터를 선택하는 UI를 구현했습니다. 생성된 콘텐츠를 인스타그램, 카카오톡 등 소셜 채널로 공유하는 기능과, 마케팅 이용권을 인앱결제(IAP)로 구매·관리하는 기능을 구현했습니다. 또한 마케팅 예약 일정과 실행 상태를 확인할 수 있는 캘린더형 UI와 마케팅 리포트 화면을 구성했습니다.

4) 주안점
실제 서비스 운영에서 가장 중요한 결제와 공유 흐름에 집중했습니다. 사용자가 서비스 진입부터 결제, 콘텐츠 생성, 공유까지 이탈 없이 이어지도록 UX를 설계했으며, 소셜 로그인 기반 인증을 적용해 초기 진입 장벽을 낮췄습니다. 클라이언트 역할과 서버 역할을 명확히 분리하여 책임 범위를 분명히 한 구조로 구현했습니다