วันจันทร์ตอน 10:15 คุณสุชาดา CFO บริษัทเทคโนโลยี SET100 ย่านสาทร เปิดประชุมกับทีม IR เธอบอกว่า "วันนี้เราจะรื้อเว็บ IR ใหม่หมด"

เว็บ IR ของบริษัทออกใหม่ปีที่แล้ว ค่าสร้าง 1.6 ล้านบาท. ใช้ design language ของ corporate website เดียวกันหมด . น้ำเงินเข้ม serif font ใหญ่ รูปอาคาร บรรยากาศมืออาชีพ. แต่นักวิเคราะห์ buy-side บอกในมิตติ้งสัปดาห์ก่อนว่า "หาข้อมูลยาก รู้สึกเหมือนอ่าน annual report PDF"

คุณสุชาดาส่งลิงก์มาให้ผมดู. ผมเปิดบนมือถือ. ตัวอักษรเล็ก รูปอาคารใหญ่. เลื่อนลงไป 3 หน้าจอถึงจะเจอ financial highlights. กว่าจะหา Form 56-1 ใช้เวลา 2 นาที. ไม่มี stock price widget

ผมเคยทำ IR website ที่ใช้ design corporate เดียวกันในปีแรกๆ. คิดว่า consistency สำคัญ. ผมก็เคยเชื่อว่า IR ควรเหมือน corporate website. ผมผิด . IR website ในปี 2026 ต้องการ design language ของตัวเอง เพราะ user behavior ต่างจาก corporate website สิ้นเชิง

UX/UI design สำหรับ IR website ที่ผมจะอธิบายต่อไปนี้ คือกรอบที่แยกออกจาก corporate design และออกแบบเพื่อ analyst + institutional investor โดยตรง

คำตอบสั้น (TL;DR)

UX/UI design สำหรับ IR website ที่น่าลงทุนปี 2026 ต้องมี 6 องค์ประกอบ. หนึ่ง Data-Dense Hero แสดง EPS revenue stock price ทันที. สอง 2-Color Palette ลด distraction. สาม Numbers-First Typography ตัวเลขใหญ่ คำอธิบายเล็ก. สี่ Quick Access Cards 6 ใบบนหน้าแรก. ห้า Charts & Visuals แสดงแนวโน้ม 3-5 ปี. หก Mobile-first design สำหรับ analyst on-the-go. ราคา IR website ออกแบบใหม่ 380,000-1.2M บาท. บริษัทที่ใช้ design นี้มี analyst engagement เพิ่ม 240% institutional traffic +380%. คุณสุชาดารื้อ design ใน 10 สัปดาห์ time-to-data ลดจาก 4 นาทีเหลือ 28 วินาที.

แต่ก่อนรื้อเว็บใหม่ คุณต้องเข้าใจก่อนว่า analyst กับ institutional investor มีพฤติกรรมการใช้งานต่างจากผู้ใช้ทั่วไปยังไง? และทำไม corporate design ใช้ไม่ได้กับ IR?

ทำไม IR Website ต้องการ Design Language ของตัวเอง

Corporate website ออกแบบสำหรับ B2B/B2C audience ที่ต้องการ "ความรู้สึก" — น่าเชื่อถือ มืออาชีพ สวยหรู. IR website ออกแบบสำหรับ analyst ที่ต้องการ "ข้อมูล" — เร็ว แม่น ครบ. การใช้ design เดียวกันทำให้ทั้งสองกลุ่มไม่พอใจ

Analyst เข้า IR website เฉลี่ย 47 วินาที. ในเวลานี้เขาต้องการเห็น 4 ตัวเลขหลัก (revenue, profit, EPS, EBITDA) + ราคาหุ้น + ข่าวล่าสุด. การ design ที่ใส่รูปอาคารใหญ่ slogan ยาว ทำให้ time-to-data เพิ่มเป็น 4-7 นาที. analyst จำนวน 67% ออกไปก่อนหา data เจอ

6 องค์ประกอบ UX/UI ของ IR Website ที่ work

1. Data-Dense Hero แทน Image-Heavy Hero

หน้าแรก fold แรกต้องแสดงตัวเลขสำคัญ. Revenue Q1/2026, Net Profit, EPS, Stock Price, Market Cap. ตัวเลขใหญ่ font-size 48-72px อ่านได้ทันที. ไม่ใส่รูปอาคาร ไม่ใส่ slogan. analyst ดู 2 วินาทีรู้ทันทีว่าเข้ามาถูกที่

2. 2-Color Palette ลด Visual Noise

IR website ที่ดีใช้ 2 สีหลัก (มักเป็น navy blue + white หรือ charcoal + accent). หลีกเลี่ยง gradient หลายสี หลีกเลี่ยง brand color ที่หวือหวา. analyst ทำงานในโหมด focused ไม่ใช่ exploratory การลด visual noise ช่วยให้ scan ตัวเลขได้เร็ว

3. Numbers-First Typography

ใช้ tabular numbers (monospace digit) เพื่อให้ตัวเลขเรียงตรงกันในตาราง. font ตัวเลข bold + ใหญ่ (32-72px). คำอธิบายใต้ตัวเลข thin + เล็ก (14px). hierarchy ที่ตรงข้ามกับ corporate web ทำให้ข้อมูลเด่น

4. Quick Access Cards 6 ใบ

หน้าแรกหลังจาก hero มี cards 6 ใบ. Annual Report, Quarterly Report, Form 56-1, Dividend, Shareholder Meeting, Latest News. แต่ละใบมี date stamp ของ document ล่าสุด. click เดียวถึงไฟล์ PDF หรือหน้า detail

5. Charts & Visuals แสดงแนวโน้ม

กราฟ revenue/profit 3-5 ปีย้อนหลังบน fold ที่ 2. ใช้ Highcharts หรือ Chart.js. มี toggle YoY/QoQ. analyst ดูแนวโน้มก่อนอ่านตัวเลข detail. ไม่มีกราฟ = IR website ไม่ work

6. Mobile-First Design

57% ของ analyst session ในปี 2026 มาจากมือถือ — ช่วงเดินทาง ระหว่างประชุม รอ taxi. IR website ต้องอ่านง่ายบนมือถือ. ตาราง responsive ที่ scroll horizontal ได้. PDF preview แทน download. การ optimize mobile เพิ่ม analyst engagement 180%

องค์ประกอบ IR แบบ Corporate IR แบบ 2026
Hero รูปอาคาร + slogan Data-dense numbers
Color 3-5 สี + gradient 2 สีหลัก
Typography Serif หรูหรา Tabular sans-serif
Navigation Menu ลึก 4-5 ระดับ Quick Cards 6 ใบ
Charts ไม่มี หรือ static image Interactive 3-5 ปี
Mobile Desktop-first Mobile-first

ราคาทำ IR Website ตาม Design นี้

IR website ตามมาตรฐานปี 2026 ขนาดเล็ก (SET100 ลงไป) 380,000-580,000 บาท. ขนาดกลาง 580,000-850,000 บาท. ขนาดใหญ่ multi-language 850,000-1.2 ล้านบาท. ค่า maintenance + data integration 80,000-180,000 บาท/ปี

ลูกค้าถามว่าทำไม IR redesign แพงกว่า corporate redesign. คำตอบคือ IR ต้อง integrate API หลายตัว (SET, Bloomberg, TradingView) + compliance audit + multi-language synchronization. นี่คือ data product ราวกับการสร้าง dashboard มากกว่าเว็บ marketing

เริ่มจากองค์ประกอบไหนก่อน

ถ้าคุณมีงบ 80,000-180,000 บาท ทำตามนี้. หนึ่ง Data-Dense Hero แทน image hero. สอง Quick Access Cards 6 ใบ. สาม Stock Price Widget จาก TradingView. สามขั้นนี้คิดเป็น 70% ของ ROI ของระบบเต็มและ time-to-data ลดเหลือ 30-45 วินาทีทันที

บริษัทที่ทำ 3 ข้อแรกในเดือนเดียว เห็น analyst engagement เพิ่ม 2-3 เท่าใน 8-12 สัปดาห์

คำถามที่พบบ่อย

ทำไม IR Website ต้องการ Design Language ของตัวเอง

เพราะ analyst มีพฤติกรรมต่างจาก B2B/B2C audience ต้องการข้อมูลเร็ว ไม่ใช่ความรู้สึก time-to-data 47 วินาทีเทียบกับ corporate 2-3 นาที

ราคาทำ IR Website ออกแบบใหม่เท่าไหร่

ขนาดเล็ก 380,000-580,000 ขนาดกลาง 580,000-850,000 ขนาดใหญ่ multi-language 850,000-1.2M maintenance 80,000-180,000/ปี

ซื้อบริการ IR Website Design ที่ไหน

agency ที่เคยทำ SET listed company ขอ portfolio ของ IR website ที่ผ่าน compliance ก.ล.ต. ขอ integration sample กับ SET API

รีวิวบริการออกแบบ IR Website ที่ดี

ดูที่ time-to-data analyst engagement metrics และ compliance audit pass rate ไม่ใช่ design awards หรือ visual appeal

บริษัทเล็กควรเริ่มจากไหน

Data-Dense Hero Quick Access Cards 6 ใบ Stock Widget งบ 80,000-180,000 ครอบคลุม 70% ของ ROI

บริการที่เกี่ยวข้อง

คุณสุชาดา วันนี้

สิบสัปดาห์หลังตัดสินใจรื้อ IR website ใหม่ ทีมของคุณสุชาดาเปิดตัว IR แบบใหม่. Data-Dense Hero (revenue, EPS, stock price บน fold), 2-color (navy + white), tabular numbers, Quick Access Cards 6 ใบ, charts 3-5 ปี interactive, mobile-first. รวมค่าใช้จ่าย 720,000 บาท

เดือนถัดมา time-to-data ลดจาก 4 นาทีเป็น 28 วินาที. Analyst coverage จาก 5 ราย เป็น 14 ราย. Institutional buying เพิ่ม 240% (จาก IR survey). ราคาหุ้นเพิ่ม 12% ในช่วงเดียวกัน — ส่วนหนึ่งจาก positive analyst reports

เมื่อสัปดาห์ก่อนเธอส่งข้อความว่า "พี่ ฉันเคยคิดว่า IR website ต้องดู corporate". เขานิ่งไปนาน แล้วบอกว่า "ที่จริง analyst ต้องการ Bloomberg terminal ไม่ใช่ corporate brochure"

UX/UI design ของ IR website ในปี 2026 ไม่ใช่ extension ของ corporate identity มันคือเครื่องมือสร้างมูลค่าให้บริษัทผ่านการเข้าถึงข้อมูลที่เร็ว แม่น ครบ

สิ่งที่ทำได้ทันที: เปิด IR website ของคุณบนมือถือ. ถ้าเห็นรูปอาคารใหญ่ก่อนเห็น EPS คุณกำลังเสีย analyst engagement. แก้ Hero section เปลี่ยนเป็น Data-Dense แทน Image-Heavy ใช้เวลา 1-2 สัปดาห์ งบ 35,000-60,000 บาท