카드뉴스 자동화 파이프라인
인스타그램 카드뉴스 계정 2개를 소재 수집 → 스코어링 → 카드 렌더 → 게시까지 자동 운영. 사람은 텔레그램으로 주제만 고른다.
- 역할
- 기획 · 시스템 설계 · 카드 디자인 · 개발
- 기간
- 2026.08 ~ 운영 중
- 범위
- 계정 2개 · Instagram / Threads
01 · Problem
무엇이 불편했나
카드뉴스 계정은 매일 소재 찾기, 사실 확인, 카드 디자인, 업로드가 반복된다. 계정이 늘수록 1인 운영자의 시간이 병목이 된다.
목표
- G1
소재 수집부터 게시까지 무인화
- G2
사람은 주제 선택(승인)만 — 응답 없으면 자동 선택
- G3
해외 이슈는 다중 출처 교차 확인 없이는 게시 금지
02 · UX
현행 분석 & 재설계
실제 운영 중인 제품의 구조를 뜯어보고, 막히는 지점을 찾아 흐름과 정보 구조를 다시 설계했습니다.
As-is 진단 → 리디자인 방향
AS-IS관리 화면 없이 텔레그램 버튼 + GitHub Actions 수동 실행으로 운영
TO-BE텔레그램 승인 흐름을 1화면 1결정으로 재설계, 상태 확인용 모바일 뷰 추가
AS-IS주제 제안 메시지에 후보 근거(출처 수, 점수)가 텍스트로 섞여 판단이 느림
TO-BE후보 카드마다 점수 · 출처 수 · 예상 카드 수를 고정 위치에
AS-IS게시 결과·성과 지표를 수동 기록
TO-BE게시 후 24h 지표를 같은 대화방에 자동 리포트
Persona
1인 운영자 (본인)
본업과 병행하며 계정 2개 운영
- →하루 3번, 1분 안에 주제 선택
- →실패 시 즉시 알림
팔로워 (20~30대)
신제품·해외 이슈를 짧게 소비
- →5~7장 안에 핵심
- →출처 확인 가능
User flow
- 01
수집
Product Hunt · 크라우드펀딩 · 구글뉴스 · RSS · HN
- 02
정제 & 스코어링
URL 해시 중복 제거 · 클러스터링 · Claude 점수 (Zod 검증)
- 03
주제 제안
텔레그램 버튼으로 후보 제시, 미응답 시 자동 선택
- 04
카피 & 렌더
카드 원고 생성 → HTML 템플릿 → Puppeteer 1080×1350 PNG
- 05
게시
Instagram 캐러셀 · Threads 자동 게시, 결과 리포트
Information architecture
텔레그램
- 주제 제안 (하루 3회)
- 렌더 미리보기
- 게시 결과 · 실패 알림
계정 A · 신제품
- 5장 템플릿
- 하루 2회 게시
계정 B · 해외 이슈
- 7장 템플릿
- 출처 교차 확인
스케줄 (cron)
- 수집 06·12·18시
- 제안 08·14·20시
- 토큰 갱신 주 1회
03 · UI
리디자인 와이어프레임
색과 스타일을 빼고, 재설계한 정보 위계와 레이아웃만으로 핵심 화면을 검증했습니다.
EU, AI 생성 이미지 표기 의무화
출처 4 · 점수 91
日 편의점 무인 계산대 확산
출처 3 · 점수 84
美 대학가 '폰 없는 기숙사'
출처 2 · 점수 77
주제 제안
후보 3개, 근거는 고정 위치. 버튼 한 번으로 결정.
01 표지
1080×1350
02 무슨 일?
본문
03 왜 중요?
본문
07 출처
4개 매체
렌더 미리보기
피드에 보일 비율 그대로 확인 후 게시.
게시
3
실패
0
대기
1
운영 리포트
하루 결과를 한 메시지로.
04 · GUI
디자인 시스템 리뉴얼 & 최종 화면
운영 도구는 바이올렛 하나 — 계정 템플릿 컬러와 충돌하지 않게
Before
계정별 템플릿 — '신문물 도감'(그린·네이비·오렌지) / '와이어 뉴스'(블랙·화이트·레드)
After · Color
Primary
#7c3aed
Accent
#f0abfc
Text
#1c1630
Muted
#6e6887
Surface
#ffffff
Background
#faf9ff
Typography
Components
radius 14px · spacing 4pt grid
Final screens
EU, AI 생성 이미지 표기 의무화
출처 4 · 점수 91
日 편의점 무인 계산대 확산
출처 3 · 점수 84
美 대학가 '폰 없는 기숙사'
출처 2 · 점수 77
20:00까지 응답 없으면 1번이 자동 선택됩니다.
01 표지
1080×1350
02 무슨 일?
본문
03 왜 중요?
본문
07 출처
4개 매체
게시
3
실패
0
대기
1
Design decisions
콘텐츠 색 vs 도구 색 분리
카드 템플릿은 계정 고유 색을 유지하고, 운영 UI는 중립 바이올렛 하나로. 미리보기에서 카드 색이 묻히지 않음.
카드는 실제 비율
미리보기는 1080×1350(4:5) 비율 고정 — 피드에서 보일 모습 그대로.
자동 선택 카운트다운
'응답 없으면 자동 선택' 규칙을 문장으로 항상 노출해 신뢰 확보.
05 · Outcome
결과와 배운 점
- 2개
- 자동 운영 계정
- 하루 3회
- 주제 제안 · 수집 주기
- 5 · 7장
- 계정별 카드 구성
- ✦완전 무인보다 '선택 1번 + 미응답 시 자동'이 품질과 지속성 모두 높음
- ✦서버 없이 GitHub Actions cron만으로도 운영 가능한 수준
* 실제 제품을 분석해 리디자인한 케이스 스터디. 제품명·코드는 비공개, 지표는 기획서·코드로 확인된 값만 표기. 화면 속 데이터는 예시입니다.
이런 걸 만들고 싶다면
30분 무료 진단 콜로 범위와 일정부터 같이 잡아요.
다른 프로젝트
다음: 해외 신상품 레이더 →
LIVEOCR 노트 앱
사진 한 장으로 가계부·오답노트·독서기록·문장수집 노트를 만드는 앱. 스토어 출시 후 운영 중.
Flutter / ML Kit OCR / GPT-4o / SQLite
LIVE실시간 환율 계산기
금액 한 번 입력으로 선택한 모든 통화를 동시 변환. 50개 통화, 7개 언어. 스토어 출시 후 운영 중.
Flutter / REST API / Decimal / AdMob
LIVE장소 기록 앱
가보고 싶은 곳을 카드로 저장하고, 계획 → 방문 → 리뷰까지 실행하게 만드는 앱. 필드 암호화, 다국어, 지도 연동.
Flutter / Firebase / Google Maps
개발 중해외 신상품 레이더
중국 커머스 신상품의 '순위가 아닌 변화'를 감지해 점수화하고 텔레그램으로 전달하는 사내 소싱 도구.
TypeScript / Python / Apify / Claude / Telegram
케이스 스터디블로그 자동 발행 파이프라인
키워드 리서치 → 글 생성 → 이미지·내부링크 → 발행까지 무인으로 돌아간 일일 SEO 발행 시스템. 2개 블로그 운영.
Python / Claude / Blogger API / launchd
케이스 스터디단체 커피 주문 취합 앱
총무가 주문방을 만들고 링크·6자리 코드를 공유하면, 팀원은 가입 없이 메뉴·옵션을 고르고 주문서가 자동 집계된다.
Flutter / Firestore / Riverpod
케이스 스터디주간 식단 & 장보기 리스트
알레르기·예산·요리 실력·아이 매운맛 단계를 반영해 7일 식단과 통합 장보기 목록을 만드는 AI 앱.
Flutter / Supabase / Claude