소개
Vibe coding 으로 캠페인 제작 & 분석 서비스 개발을 목표로 개발
(홈페이지에서) 노코드 or 템플릿을 활용하여 Pop-up, Banner 등을 통해 캠페인 제작
고객이 Homepage / Landing page -> Product
(위 서비스) 시스템 모니터링 서비스 운영
진행 방법
vibe cording을 하면서 Kiro, Cursor, Claude code 를 limit 까지 사용해 보고
최근 런칭한 Antigravity 를 다양하게 사용해 보며, 각 서비스의 장단점 Agent 기능을 이해하는 차원으로 접근하였습니다.
서비스 디자인 구조 : claude.ai 를 활용한 서비스 구조 : 생각 정리
지난번 1주차 작업 내용 에서 조금더 기능/서비스를 구체화 하는 캠페인을 제작하는것 뿐만 아니라
분석을 위한 next step 을 기존 서비스에서 어떻게 연계할수 있을지 고민을 해 보았습니다.
Target 고객
- 상품/서비스를 판매하는 홈페이지/랜딩페이지 운영자
- 노코드 기반/템플릿을 활용하여 빠르게 상품페이지 내 신규상품/서비스/제품을 알림
Pop-up, Banner, Web push, 동영상 기반의 제품/서비스 소개 지원
아래 화면은 서비스를 만들고 이를 구조화 하는 아키텍트
추가 개발 내용
- 노코드 기반의 캠페인 (배너, 팝업 등) 제작을 서비스 구성 중 화면
캠페인 구조
- Product page 내 (Pop-up, Banner)
Impression(노출수), Click (클릭수), Conversion Rate (전환) 등을 분석
(노코드 기반의) 캠페인 제작운영 화면
한국어 ui ui ui ui ui ui ui ui u
분석화면
캠페인 제작 기본 대시보드를 구성해 보았으나 너무 후진 화면으로...2차 화면 설계 구현....을...
조금더 욕심을 내어 실제 Dashboard 분석화면 replit 활용 추가 개발
홈페이지 / 랜딩 페이지 -> 상품페이지 -> 구매 (전환)을 추적하기 위한 대시보드를 개발하였습니다.
구글애널리틱스 대시보드 스크린샷
결과와 배운 점
세부 화면을 실제 작동하기 까지 어마 어마한 삽질이 필요: 실제 구현을 위한 시행 착오 필요)
화면의 기능을 화면/기능 단위로 구현하면서 Dependency 를 고려하면서 구현이 쉽지 않았던거 같습니다.
