# HUSH ONE — Creative brief ฉบับร่าง

สถานะ: **PROPOSAL สำหรับการเรียนการสอน · ยังไม่อนุมัติ**  
Sources: S1–S4 ตาม [inputs.md](./inputs.md) และรายการ classification ใน [evidence.csv](./evidence.csv)

## โจทย์

สร้างหน้าแนะนำ HUSH ONE ที่ช่วยให้ผู้ชมเข้าใจภาพรวมสินค้า แนวคิดการฟัง ดีไซน์ และตัวเลือกรุ่น ก่อนเข้าสู่การขอใบเสนอราคาสาธิต หน้าเว็บต้องบอกชัดว่าสินค้า สเปก และธุรกรรมเป็นข้อมูลสมมติของหลักสูตร

## เป้าหมาย

**PROPOSAL:** ทำให้ผู้ชมเข้าใจว่า HUSH ONE คือหูฟัง Studio One ใน catalog และพาไปยังการสำรวจรุ่นโดยไม่ทำให้เข้าใจว่าเป็น checkout จริง

ตัวชี้วัดที่เสนอสำหรับ prototype:

- ผู้ทดสอบหา mapping “HUSH ONE = Studio One” ได้
- ผู้ทดสอบแยก fact ออกจาก fictional specification ได้
- ผู้ทดสอบไปถึงส่วนเลือกรุ่นและอธิบายได้ว่า CTA เป็น quote demo

KPI ทางธุรกิจจริงยังเป็น `GAP` และต้องให้เจ้าของโจทย์กำหนด

## กลุ่มเป้าหมาย

**PROPOSAL:** นักศึกษาและคนทำงานสร้างสรรค์ช่วงเริ่มต้นที่ใช้หูฟังระหว่างทำงาน เดินทาง และพักผ่อน ต้องการข้อมูลที่อ่านง่ายและบรรยากาศสงบ

ยังไม่มี user research, persona หรือ segment ที่เจ้าของยืนยัน จึงห้ามอ้างว่ากลุ่มนี้คือ “ลูกค้าหลัก”

## ข้อความหลัก

**PROPOSAL:** “เว้นที่ให้เสียงที่คุณเลือก”  
Supporting messages: ฟังรายละเอียด, รูปทรงที่อยู่กับทุกวัน, สำรวจรุ่นก่อนขอใบเสนอราคาสาธิต

ข้อความเหล่านี้ต่อยอดจาก copy ปัจจุบันใน S1 ยังไม่ใช่ approved messaging framework

## Deliverables

- mini brand book ที่ระบุ current evidence และ proposals แยกกัน
- design tokens ที่ scope ใต้ `.hush-kit`
- ไอคอน outline ต้นฉบับ 4 ชิ้นสำหรับ UI prototype
- key visual concept หนึ่งแบบที่ reuse ภาพเดิมและวางข้อความเป็น HTML
- handoff list ระบุ source, status, owner decision และช่องว่าง

## ข้อจำกัดที่ทราบ

- ใช้ palette และ font จากหน้า HUSH ปัจจุบัน
- ใช้ภาพ `headphones.webp` พร้อม provenance เดิม ไม่อ้างว่าเป็นภาพสินค้าจริง
- 40 มม. และ 30 ชั่วโมงต้องติดป้ายว่าเป็นสเปกสมมติ
- ราคาต้องมาจาก catalog/API ฝั่ง server เมื่อแสดงในเว็บไซต์จริง
- CTA ของ kit เป็นลิงก์ดู prototype ไม่ใช่ปุ่มซื้อหรือชำระเงิน
- รองรับ keyboard, reduced motion, ข้อความไทย และหน้าจอ 320/390/1440 px

## P3 — Page outline และ content inventory ตัวอย่าง

| ลำดับ | Section | เนื้อหาที่ต้องมี | Evidence / สถานะ |
| --- | --- | --- | --- |
| 1 | Product navigation | HUSH wordmark treatment, ลิงก์เสียง/ดีไซน์/รายละเอียด/เลือกรุ่น, กระเป๋า quote demo | E02–E03, E07; wordmark ยังไม่ใช่ approved logo |
| 2 | Hero | HUSH ONE, proposed headline, ภาพหูฟังเดิม, label ว่าสินค้าสมมติ | E01, E05, E10 |
| 3 | Benefits | เสียง, สัมผัส, การใช้ในแต่ละวัน โดยไม่เพิ่ม performance claim | E06, E08 |
| 4 | Sound story | แนวคิดไดรเวอร์ 40 มม. พร้อม fictional label ใกล้ตัวเลข | E06, E14 |
| 5 | Listening contexts | โฟกัสงาน/เดินทาง/พัก เป็น scenario copy ไม่ใช่ audience research | E09, E13 |
| 6 | Design/material | crop ภาพเดิมและคำอธิบายเชิงแนวคิด ไม่รับรองวัสดุจริง | E05, E14 |
| 7 | Battery story | เป้าหมาย 30 ชั่วโมง พร้อม fictional label | E06, E14 |
| 8 | Specs | mapping HUSH ONE → Studio One และรายการสเปกที่ source รองรับ | E01, E06 |
| 9 | Catalog/comparison | ชื่อ/ราคา fixture จาก server catalog; loading/empty/error state | E04, E07 |
| 10 | Quote demo | รายการ, จำนวน, contact fields ตัวอย่าง, consent และผลลัพธ์สาธิต | E07 |
| 11 | FAQ/footer | mapping ชื่อรุ่น, ขอบเขต demo, provenance/lesson link | E01, E05, E07, E15 |

### CTA contract

| CTA | Copy ตัวอย่าง | ผลลัพธ์ที่คาดหวัง | สิ่งที่ห้ามสื่อ |
| --- | --- | --- | --- |
| Primary | “สำรวจรุ่นและราคา” | เลื่อนไป catalog/comparison และรอข้อมูลจาก API | ซื้อสำเร็จ, stock พร้อม หรือราคาผูกพันทางการค้า |
| Secondary | “รู้จัก HUSH ONE” | เลื่อนไปอ่าน sound/design story | claim ว่าผ่านการทดสอบแล้ว |
| Quote | “ขอใบเสนอราคาทดลอง” | validate ข้อมูลตัวอย่าง ส่ง quote-demo request และแสดงเลขอ้างอิงสาธิต | payment, order confirmation หรือใบเสนอราคาทางกฎหมาย |

### State contract ของ HUSH quote

| State | Trigger | UI copy ตัวอย่าง | พฤติกรรม/ผลลัพธ์ |
| --- | --- | --- | --- |
| Loading | กำลังขอ catalog | “กำลังโหลดรุ่นและราคาสาธิต…” | คง story ให้อ่านได้, ไม่แสดงราคาที่เดา, ป้องกันการส่งซ้ำ |
| Empty | catalog ตอบสำเร็จแต่ไม่มีสินค้า | “ยังไม่มีรุ่นให้เลือกในข้อมูลสาธิต” | ซ่อน comparison/quote action และให้ลองใหม่หรือกลับไปอ่านเรื่องสินค้า |
| Error | catalog หรือ quote request ล้มเหลว | “โหลดข้อมูลสาธิตไม่สำเร็จ ลองอีกครั้ง” | คงข้อมูลที่กรอก, ไม่ล้าง cart, ไม่ประกาศว่าส่งสำเร็จ |
| Success | server ยืนยัน `quote-demo` | “สร้างคำขอใบเสนอราคาสาธิตแล้ว หมายเลขอ้างอิง …” | ระบุชัดว่าไม่ใช่ order/payment และไม่ใช้ client total เป็น authority |

ตัวอย่าง state บน style board เป็น static specimen สำหรับ review เท่านั้น ไม่ใช่ form ที่ส่งข้อมูลได้

## การตัดสินใจที่ต้องขอจากเจ้าของ

1. เป้าหมายธุรกิจ, KPI และกลุ่มเป้าหมายที่ยืนยันแล้วคืออะไร
2. จะเก็บหรือเปลี่ยน promise และ tone ที่เสนอหรือไม่
3. HUSH มีโลโก้ที่อนุมัติ, trademark status และ clear-space rule หรือยัง
4. ข้อมูล 40 มม., 30 ชั่วโมง, วัสดุ และ comfort มีหลักฐานใดรองรับ
5. ใครอนุมัติ brand, product claims, legal, accessibility และ final release
6. ภาพและชื่อจะใช้เฉพาะหลักสูตรหรือมีสิทธิ์ใช้เชิงพาณิชย์

## Acceptance criteria ของ Lab

- ทุกข้อความใน output เชื่อมกลับไปยัง source ID หรือมี label `INFERENCE`, `PROPOSAL`, `GAP`
- ไม่มี testimonial, award, customer count, sustainability claim หรือ performance claim ที่ source ไม่รองรับ
- logo concept ไม่ถูกเรียกว่า approved logo
- icon กับ logo ถูกจัดเป็น asset คนละหน้าที่
- key visual อ่านได้เมื่อภาพโหลดไม่ได้ และ CTA ไม่สื่อว่าซื้อจริง