gabrielmoreira Brief Carousel
Carousel khong phai "anh ghep" — la mot chuoi ke chuyen, moi slide phai keo nguoi doc sang slide tiep theo. Slide 1 quyet dinh swipe hay khong. Slide cuoi phai co CTA ro rang. Khong tu bia noi dung — thieu thi hoi user truoc.
Thu thap thong tin
Doc .agents/product-marketing-context.md, brand guideline va content nguon neu co. Neu user chua cung cap noi dung, hoi toi da 4 cau:
- Chu de + noi dung nguon? Carousel nay tu bai content nao, hay can viet moi tu dau?
- Muc tieu + tang pheu? Education / proof / offer / tips / story / comparison — TOFU / MOFU / BOFU?
- Kenh + so slide? Facebook / Instagram / LinkedIn — bao nhieu slide (khuyen nghi 5-7)?
- Copy va tone? Copy tung slide da co hay can viet? Tone gan gui / chuyen nghiep / bold / storytelling?
Nguyen tac
- Slide 1 la quan trong nhat — dau tu 40% cong suc vao hook. Slide 1 quyet dinh swipe hay luot qua.
- Copy tung slide duyet xong roi moi vao tool design — khong lam nguoc.
- Moi slide 1 y duy nhat. Carousel khong phai powerpoint — khong nhoi text.
- 5-7 slide la ly tuong. Qua 9 slide nguoi xem drop giua chung. Neu noi dung dai hon 7 slide → chia thanh 2 carousel series.
- Luon co CTA o slide cuoi. Carousel khong co CTA = bo phi toan bo cong suc.
- Gioi han text: headline toi da 8 tu, sub toi da 15 tu, body toi da 25 tu moi slide.
Quy trinh
Buoc 1 — Xac dinh narrative arc
Carousel tot co arc ro rang truoc khi phan bo noi dung:
Hook → Problem → Insight → Solution → Proof → CTA
Xac dinh arc truoc, sau do moi chia noi dung vao tung slide. Voi noi dung co san: slide 1 = cau hook manh nhat (pain point / cau hoi / so lieu soc), slide giua = proof / giai thich / loi ich, slide cuoi = action ro rang.
Buoc 2 — Viet copy tung slide
Moi slide gom: headline (toi da 8 tu) + body (toi da 25 tu) + visual direction. Copy phai duoc duyet truoc khi designer bat dau layout.
Buoc 3 — Brief visual direction tung slide
Moi slide co visual direction rieng — khong de designer tu doan. Mau nen doc tu brand guideline: slide hook va slide CTA dung nen dam ([mau primary] hoac gradient [mau primary] sang [mau secondary]) de tao contrast, slide body dung nen sang de co breathing room.
Buoc 4 — Render HTML preview de duyet concept
Truoc khi giao designer production, render 1 file HTML preview:
- Canvas: 1080x1080px moi slide (1:1) — co the render 900x900 cho nhe.
- Font: [font heading] / [font body] doc tu brand guideline (Google Fonts neu co).
- Navigation: nut trai/phai de xem tung slide, counter "1 / N" goc duoi phai.
- Slide hook + CTA: nen dam, chu sang. Slide body: nen sang, eyebrow mau accent, headline dam.
HTML preview = de duyet concept, khong phai file production. Sau khi duyet HTML → designer moi vao Canva/Figma lam file that.
Cau truc ket qua
Ten file: brief-carousel-[ten]-[YYYYMMDD].md
# Carousel Brief — [Ten]
## Tong quan
| Hang muc | Chi tiet |
|----------|----------|
| Muc dich | |
| Kenh | |
| Tang pheu | TOFU / MOFU / BOFU |
| So slide | |
| Kich thuoc | 1080x1080px (Feed) / 1080x1350px (Portrait) |
| Tone | |
| Deadline | |
| So lan sua toi da | |
## Brand direction (ap dung toan bo carousel)
- Nen chu dao: [trang / mau primary / gradient primary sang secondary / mixed]
- Font heading: [font heading] Bold — mau [...]
- Font body: [font body] Regular — mau [...]
- Accent: [mau secondary] — dung cho highlight / so lieu / CTA
- Logo: xuat hien toi thieu o slide 1 va slide cuoi (hoac tat ca slide neu brand guideline yeu cau), vi tri theo brand guideline
## Slide 1 — HOOK (quyet dinh swipe hay khong)
| Element | Noi dung |
|---------|----------|
| Headline | [cau hook manh — pain / curiosity / so lieu soc, toi da 8 tu] |
| Subtext | [1 cau ho tro hook — toi da 15 tu] |
| Visual | [full-color background / bold typography / anh goi cam xuc] |
| CTA mini | "Swipe de xem" hoac bo neu hook du manh |
| Nen | [nen dam — mau primary — tao contrast manh] |
## Slide 2 — PROBLEM / SETUP
| Element | Noi dung |
|---------|----------|
| Headline | |
| Body | |
| Visual | [icon / illustration / minimal text layout] |
| Nen | [sang/nhat — tao breathing room sau slide 1] |
## Slide 3 — INSIGHT / TURNING POINT
| Element | Noi dung |
|---------|----------|
| Headline | |
| Body | |
| Visual | [so lieu lon / quote / diagram don gian] |
| Accent | [highlight so lieu bang mau secondary] |
## Slide 4 — SOLUTION / VALUE
| Element | Noi dung |
|---------|----------|
| Headline | |
| Body | |
| Visual | |
## Slide 5 — PROOF / SOCIAL PROOF (neu co)
| Element | Noi dung |
|---------|----------|
| Headline | |
| Body | [testimonial / so lieu ket qua / case study ngan] |
| Visual | [screenshot / quote card / before-after] |
## Slide N-1 — PRE-CTA / RECAP
| Element | Noi dung |
|---------|----------|
| Headline | [tom tat gia tri — 1 cau] |
| Body | [nhac lai ly do hanh dong] |
## Slide cuoi — CTA
| Element | Noi dung |
|---------|----------|
| Headline | [CTA ro — dong tu + loi ich cu the] |
| Subtext | [huong dan buoc tiep theo] |
| CTA button | [text + link / "inbox tu khoa X"] |
| Logo + contact | [full logo, link / Zalo / email tuy campaign] |
| Nen | [nen dam — dong bo slide 1, tao vong tron visual] |
## Dieu khong duoc lam
- Khong dung mau ngoai palette brand guideline
- Giu text overlay gon (Meta khuyen nghi duoi 20% dien tich)
- Khong doi font ngoai [font heading] / [font body]
- Khong nhoi qua 1 y moi slide
Visual consistency rules
- Moi slide co so trang nho o goc: "01/07", "02/07"...
- Progress bar hoac dots indicator o bottom.
- Transition feeling: slide sau phai "keo" tu slide truoc — khong dut doan (cau cuoi slide truoc mo ra slide sau).
- Khong dung qua 3 mau text trong toan bo carousel.
- Slide hook va slide CTA dung cung tong nen dam de tao vong tron visual.
Deliverables va review
- File goc (share link — khong flatten)
- Export tung slide rieng: PNG 1080x1080px
- Export tat ca slide thanh 1 PDF de review de
- Resize portrait 1080x1350px neu can Instagram
- Quy trinh: duyet copy → duyet HTML preview → production → nop draft → feedback trong [X] gio → sua toi da [X] lan → approve boi Leader
Lien ket skill
36-content-brief/01-lich-noi-dung: nguon noi dung va vi tri carousel trong lich.42-brief-hinh-anh: brief anh don le — dung khi chi can 1 static thay vi chuoi slide.45-brief-canva: direction thao tac Canva cho khau production sau khi duyet concept.46-brand-guideline: nguon mau, font, logo rules.47-design-review: cham diem carousel sau khi designer nop.
Checklist chat luong
- Narrative arc ro: hook → value → CTA, moi slide 1 y
- Slide 1 co hook du manh (pain / curiosity / so lieu)
- Slide cuoi co CTA + huong dan buoc tiep theo
- So slide 5-7, qua 7 da chia series
- Headline toi da 8 tu, body toi da 25 tu moi slide
- Copy tung slide da duyet truoc khi vao production
- Mau nen tung slide chi ro, doc tu brand guideline
- Co so trang + consistency rules
- HTML preview render de duyet concept truoc production
- Deliverables + so lan sua + nguoi approve ghi ro