design_portfolio.exeywc21

★ Design Portfolio ★

> ls ./projects

ออกแบบจากคนที่ใช้
แล้วสร้างให้ใช้ได้จริง

World 1 คือ 7 เว็บและโปรดักต์ที่ออกแบบและสร้างใช้งานจริง World 2 คืองานกราฟิกแบบเจาะลึก ทั้งโซเชียล มาสคอต 3D สไลด์ เสื้อผ้า แพ็กเกจ และโมชัน ทุกด่านบอกโจทย์ การตัดสินใจด้านดีไซน์ และเครื่องมือที่ใช้

UI Design3D & MotionProduct DesignGraphic FigmaCanvaFusion 360BlenderPhotoshop

WORLD 1

Web & Product

เว็บไซต์ แอป และอุปกรณ์ที่ออกแบบแล้วสร้างจนใช้งานได้จริง

device.logCLEAR ✓

STAGE 01Product + UI + Poster

PDLite เครื่องคัดกรองความเสี่ยงโรคพาร์กินสัน

บทบาท ออกแบบตัวเครื่อง · ออกแบบและพัฒนาเว็บแดชบอร์ดปี 2026

หน้าแรกของเว็บ PDlite พื้นขาว ตัวอักษรเขียว พร้อมปุ่มเข้าสู่ระบบ แดชบอร์ดผู้ป่วย และมุมมองแพทย์ — หน้าแรกของเว็บแดชบอร์ด แยกทางเข้าผู้ป่วยและแพทย์ตั้งแต่หน้าแรก

โปสเตอร์นำเสนอ PDLite อธิบายที่มา วัตถุประสงค์ ภาพตัวเครื่อง 3D วิธีใช้งาน และผลการทดลอง — โปสเตอร์นำเสนอผลงาน (ปิดโลโก้และรายชื่อตามกติกา)

! Quest · โจทย์

ผู้ใช้หลักคือผู้สูงอายุที่ไม่ถนัดเทคโนโลยี
ผลตรวจต้องเข้าใจได้ทันที ทั้งผู้ป่วยและแพทย์
ตัวเครื่องต้องพิมพ์ 3D ได้ และใส่ชิ้นส่วนเซนเซอร์ได้พอดี

✦ Moves · การตัดสินใจด้านดีไซน์

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

ItemsFusion 360FigmaNext.jsChart.jsPhotoshop

seluna.webCLEAR ✓

STAGE 023D + Motion

Seluna Cloud หน้าเว็บแพลตฟอร์มร้านค้าออนไลน์

บทบาท Frontend · 3D hero · Motionปี 2026สถานะ ใช้งานจริง

หน้าแรก Seluna พื้นสว่างลายกริด ตัวอักษร SELUNA ไล่สีม่วง พร้อมภาพมือถือแสดงร้านค้าออนไลน์ — หน้าแรกพร้อมฮีโร่ดวงจันทร์ 3D และข้อความหลักภาษาไทย

! Quest · โจทย์

ทำให้แพลตฟอร์มดูน่าเชื่อถือและจำได้ตั้งแต่วินาทีแรก
เอฟเฟกต์ 3D ต้องไม่ทำให้เว็บโหลดช้าหรือกระตุก

✦ Moves · การตัดสินใจด้านดีไซน์

ใช้ดวงจันทร์ 3D เป็นสัญลักษณ์ของชื่อแบรนด์ และทรานซิชันแบบม่านตาพาเข้าสู่เนื้อหา
แสดงหน้าเปิดแค่ครั้งเดียวต่อการเข้าชม คนที่กลับมาไม่ต้องรอซ้ำ
วาดฮีโร่ให้เห็นก่อนโค้ดโหลดเสร็จ หน้าไม่ว่างตอนเปิด
จัดเมนูนำทางเป็นกลุ่ม ลดจำนวนตัวเลือกบนแถบด้านบน

ItemsThree.jsGSAPNext.jsFigma

nebula.webCLEAR ✓

STAGE 03Color + 3D

Nebula แผนที่กาแล็กซีของเว็บไซต์

บทบาท ผู้ร่วมพัฒนา · งาน 3Dปี 2026

หน้าแรก Nebula พื้นหลังอวกาศสีน้ำเงินเข้ม มีเนบิวลาเรืองแสงตรงกลาง วงโคจร และช่องค้นหาเว็บไซต์ — หน้าแรกแบบโดมหอดูดาว (ชื่อองค์กรบนภาพถูกเบลอตามกติกา)

! Quest · โจทย์

ไดเรกทอรีรวมเว็บไซต์ที่มักหน้าตาเป็นตารางเหมือนกันหมด
ธีมอวกาศส่วนใหญ่ใช้ไล่สีม่วงน้ำเงินแบบเดิม ๆ

✦ Moves · การตัดสินใจด้านดีไซน์

เล่าเป็นโดมหอดูดาวที่มองออกไปเห็นเนบิวลา เว็บแต่ละเว็บคือดาวบนแผนที่
ดึงสีจากเส้นสเปกตรัมของเนบิวลาจริง แล้วกำหนดในระบบสี OKLCH ให้ความสว่างคงที่ อ่านง่ายทุกเฉด
การส่งเว็บไซต์จบด้วยฉากหลุมดำ 3D ให้รู้สึกว่าเว็บถูกดึงเข้าไปในแผนที่

ItemsReact Three FiberOKLCHAstro

portfolio.webCLEAR ✓

STAGE 04Visual Identity + Mascot

Portfolio Site เว็บพอร์ตโฟลิโอส่วนตัว

บทบาท ออกแบบและพัฒนาทั้งหมด · วาดมาสคอตปี 2026

ฉากเปิดเว็บ พื้นสีครีม มาสคอตเป็ดใส่หมวกและแว่นดำโบกมือทักทาย ข้างข้อความ I build it. I break it. Then I ship it. — ฉากเปิดของเว็บ มาสคอตเป็ดทักทายก่อนเข้าเนื้อหา (ชื่อแบรนด์ส่วนตัวบนตัวเป็ดถูกเบลอ)

! Quest · โจทย์

พอร์ตโฟลิโอทั่วไปหน้าตาเหมือนเทมเพลต จำไม่ได้
ต้องเล่าทั้งสายงานสร้างเว็บและสาย Cyber Security ในประโยคเดียว

✦ Moves · การตัดสินใจด้านดีไซน์

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

ItemsIllustrationWebGLNext.jsMotion

t-goda.webCLEAR ✓

STAGE 05UI + Responsive

T-Goda เว็บจองที่พักและเที่ยวบิน

บทบาท ออกแบบและพัฒนาฟรอนต์เอนด์ทั้งหมดปี 2026งานแข่งขันพัฒนาเว็บ รอบคัดเลือก

หน้าแรก T-Goda ภาพชายหาด หัวข้อ Escape to Your Perfect Paradise และกล่องค้นหาที่พัก — หน้าแรกที่ให้กล่องค้นหาเป็นจุดเด่นที่สุด

ออกแบบใน Figma ก่อนเขียนโค้ด · 3 หน้าหลัก

วางทั้งเส้นทางผู้ใช้ไว้ใน Figma ก่อน ค้นหา → ผลการค้นหา → รายละเอียดห้อง ทุกหน้าใช้แถบนำทาง ปุ่ม และการ์ดชุดเดียวกัน ปุ่มสีแดงอมชมพูใช้เฉพาะจุดที่ต้องตัดสินใจ เช่น Claim ดีล และ Book Now

สามหน้าจอ T-Goda ใน Figma เรียงกัน หน้าแรก ผลการค้นหา และรายละเอียดที่พัก — ภาพรวมสามหน้าใน Figma

หน้าแรก T-Goda ฮีโร่ชายหาด กล่องค้นหา และการ์ดจุดเด่นสามใบ — Home · กล่องค้นหาอยู่กลางฮีโร่

หน้าผลการค้นหา ตัวกรองซ้าย กล่อง Flash Deals พร้อมนับถอยหลัง — Search · ตัวกรองซ้าย ดีลเด่นมีกรอบและนับถอยหลัง

หน้ารายละเอียดที่พัก แกลเลอรีรูปห้าภาพ ปุ่ม Share Save Book Now — Room Detail · แกลเลอรีภาพใหญ่หนึ่งเล็กสี่

! Quest · โจทย์

ทำเว็บแบบ Agoda ให้ครบหลายหน้าในเวลาแข่งขันที่จำกัด
ต้องใช้งานได้ดีทั้งจอคอมและมือถือ

✦ Moves · การตัดสินใจด้านดีไซน์

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

ItemsFigmaResponsive layoutFrontend

nexus.webCLEAR ✓

STAGE 06Web App UI

Nexus เว็บแอปแชตสำหรับชุมชน

บทบาท หน้าแลนดิง · ระบบสมัครและล็อกอิน · ฟังก์ชันหลักปี 2026งานแข่งขันพัฒนาเว็บ รอบชิง อันดับ 3 ระดับประเทศ

หน้าแลนดิง Nexus พื้นหลังมืด หัวข้อ Where every conversation feels like home พร้อมการ์ดฟีเจอร์แชต เสียง วิดีโอ และสิทธิ์ — หน้าแลนดิงที่บอกฟีเจอร์หลักในการ์ดสี่ใบ

! Quest · โจทย์

แอปแชตแบบ Discord มีฟีเจอร์เยอะมาก ผู้ใช้ใหม่ต้องเข้าใจได้ในหน้าเดียว
ขั้นตอนสมัครต้องสั้นที่สุด

✦ Moves · การตัดสินใจด้านดีไซน์

หัวข้อเน้นความรู้สึก "เหมือนอยู่บ้าน" แทนการไล่รายการฟีเจอร์
ปุ่มหลักสองปุ่มชัดเจน เริ่มใช้ฟรี กับมีบัญชีแล้ว
สรุปฟีเจอร์เป็นการ์ดสี่ใบ แชต เสียง วิดีโอ และการจัดการสิทธิ์

ItemsFigmaAuth flowFrontend

agency-landing.figCLEAR ✓

STAGE 07Landing Page · Figma

Agency Landing Page เว็บไซต์ทีมรับทำเว็บและระบบธุรกิจ

บทบาท ออกแบบหน้าเว็บ · จัดเลย์เอาต์และระบบคอมโพเนนต์ใน Figmaปี 2026

หน้าแลนดิงทั้งหน้า ฮีโร่ท้องฟ้ากลางคืนกับดาวเคราะห์ โลโก้ลูกค้า โจทย์ของลูกค้า บริการ 6 ด้าน แพ็กเกจ และผลงาน

! Quest · โจทย์

ลูกค้าเป็นเจ้าของธุรกิจ ไม่ใช่คนสายเทค ต้องเข้าใจบริการได้โดยไม่ต้องรู้ศัพท์
บริการมีหลายแบบ ตั้งแต่เว็บบริษัทถึง ERP และ MVP ต้องไม่ดูรก
ต้องพาคนอ่านไปถึงปุ่ม "เล่าโปรเจกต์ให้เราฟัง" ให้ได้

✦ Moves · การตัดสินใจด้านดีไซน์

ฮีโร่เป็นท้องฟ้ากลางคืนกับดาวเคราะห์ เล่าเรื่อง "ไอเดีย → Product" เป็นภาพ
ส่วนแรกหลังฮีโร่เริ่มจาก "โจทย์ของคุณ" สามแบบ ให้ลูกค้าเลือกตัวเองก่อนเห็นรายการบริการ
บริการ 6 ช่องใช้ตัวเลขจาง ๆ ขนาดใหญ่เป็นพื้นหลัง ให้กริดมีจังหวะโดยไม่ต้องใช้รูป
ปุ่มหลักสีน้ำเงินปุ่มเดียวซ้ำทุกช่วง คนอ่านไม่ต้องหาว่าจะติดต่อตรงไหน

↕ เลื่อนในกรอบเพื่อดูทั้งหน้า (ชื่อบริษัทบนภาพถูกเบลอตามกติกา)

ItemsFigmaAuto LayoutComponentsNext.js

WORLD 2

Graphic Design

งานกราฟิกแบบเจาะลึกทีละชิ้น ทั้งระบบโพสต์โซเชียล มาสคอต 3D สไลด์พิตช์ งานเสื้อผ้า แพ็กเกจจิ้ง และโมชัน แต่ละชิ้นบอกว่าออกแบบเพื่อใคร และทำไมถึงเลือกแบบนั้น

doodee-future/social/CLEAR ✓

STAGE G1Social Media System + Mascot

Doodee Future ระบบโพสต์โซเชียลของแพลตฟอร์มเตรียมสอบ

บทบาท ออกแบบเทมเพลต · คารูเซล · สตอรี่ · กราฟิกโฆษณารูปแบบงาน ทำร่วมกับทีมผู้ชม นักเรียน ม.ปลาย ที่เตรียมยื่นมหาวิทยาลัยปี 2026

! Quest · โจทย์

ข้อมูลรายการแข่งขันและเกณฑ์รับสมัครมีเยอะและอ่านยาก แต่ต้องอ่านจบในฟีด IG
โพสต์ต้องจำได้ว่าเป็นของแบรนด์นี้ แม้เลื่อนผ่านเร็ว ๆ
ทำซ้ำได้ทุกสัปดาห์โดยไม่ต้องออกแบบใหม่หมด

✦ Moves · การตัดสินใจด้านดีไซน์

สร้างเทมเพลตเดียว กรอบชมพู การ์ดขาวโค้งมน โลโก้บนสุด URL โค้งล่างสุด ทุกโพสต์จึงดูเป็นชุดเดียวกัน
มาสคอตแมวอ่านหนังสือมุมขวาล่างทุกภาพ เปลี่ยนท่าตามอารมณ์ของโพสต์ (สงสัย อ่าน ดีใจ)
คารูเซลเปิดด้วยคำถามที่คนอยากรู้ ต่อด้วยกริดโลโก้ให้เห็นภาพรวม แล้วค่อยลงรายละเอียดทีละ 4 รายการ
รายละเอียดแต่ละรายการใช้แถบหัวชมพู ชื่อตัวหนา และเน้นรางวัลด้วยสีชมพู คนกวาดตาหาสิ่งที่ต้องการได้เร็ว

#E06994Doodee pink#F7B8CCSoft pink#FFFFFFCard#1E1E2AInk

คารูเซล 7 หน้า · "งานแข่งขันที่ผ่านเกณฑ์ CEDT"

หน้าแรกเป็นคำถามดึงคนหยุดเลื่อน หน้าสองเป็นกริดโลโก้ 16 รายการ หน้า 3 ถึง 6 ลงรายละเอียดหน้าละ 4 รายการ หน้าสุดท้ายแปะป้ายวันปิดรับสมัครทับโลโก้ ให้คนเซฟโพสต์ไว้ดูกำหนดการ

ปกคารูเซล งานแข่งขันที่ผ่านเกณฑ์ CEDT ในปี 2569 พร้อมแมวทำหน้าสงสัย — 1 · ปก ใช้คำถามดึงความสนใจ

กริดโลโก้รายการแข่งขัน 16 รายการ — 2 · กริดโลโก้ เห็นภาพรวมในหน้าเดียว

การ์ดรายละเอียดรายการแข่งขันสี่รายการ มีแถบหัวสีชมพู — 3 · รายละเอียดหน้าละ 4 รายการ

การ์ดรายละเอียดรายการแข่งขันชุดที่สอง — 4

การ์ดรายละเอียดรายการแข่งขันชุดที่สาม — 5

การ์ดรายละเอียดรายการแข่งขันชุดที่สี่ — 6

กริดโลโก้พร้อมป้ายวันปิดรับสมัครทับ และแมวดีใจ — 7 · ป้ายกำหนดการ ชวนให้กดเซฟ

Tier List และแจกวอลเปเปอร์

ใช้รูปแบบ Tier List ที่คนรุ่นนี้คุ้นจากเกมและโซเชียล จัดอันดับรายการแข่งขันจาก SS ถึง D ด้วยสีพาสเทลไล่ระดับ ส่วนโพสต์แจกวอลเปเปอร์ใช้ภาพมือถือจริงซ้อนหลายเครื่อง ให้เห็นว่าได้อะไรก่อนกดโหลด

ปก TIER LIST งานแข่งขันที่ดีเข้าตากรรมการมากที่สุด — ปก Tier List ตัวอักษรใหญ่ในป้ายหกเหลี่ยม

ตาราง Tier List SS S A B C D พร้อมโลโก้รายการแข่งขัน — ตารางจัดอันดับ สีพาสเทลแยกแต่ละระดับ

โพสต์แจกวอลเปเปอร์ สุขสันต์วัน 6/7 พร้อมภาพมือถือหลายเครื่อง — แจกวอลเปเปอร์ โชว์ของจริงบนจอมือถือ

โพสต์ประกาศ สตอรี่ และโฆษณาฟีเจอร์

โพสต์สีชมพู Update Patch 2.0 มีป้ายฟีเจอร์ใหม่ล้อมรอบ — ประกาศอัปเดต Patch 2.0

โพสต์ขอบคุณ 500 followers มีมาสคอตแมวใส่แว่นยิ้มดีใจ — ฉลองผู้ติดตาม 500 คน

ปก IG Story สีชมพูพร้อมมาสคอตแมวจาง ๆ ด้านหลัง — เทมเพลต IG Story 9:16

กราฟิกโฆษณาสองฝั่ง Pathfinding System และ Doodee Community พร้อมภาพหน้าจอมือถือ — โฆษณาฟีเจอร์หลัก แบ่งซ้ายขวาให้เทียบกันได้

มาสคอต 3D · จากภาพ 2D สู่โมเดลพร้อมพิมพ์

ขึ้นรูปแมวมาสคอตใน Blender ให้ใช้ได้ทั้งในภาพเรนเดอร์และเป็นของที่ระลึกพิมพ์ 3D ลองหมุนโมเดลด้านล่างได้

ลากเพื่อหมุน · 3D

✦ Moves · การตัดสินใจ

หัวเล็กลง ตัวอวบขึ้น ให้ตั้งได้มั่นคงบนเท้าแบน และดูน่ากอดแบบตุ๊กตาไวนิล
ลายบนตัวใช้การระบายสีบนโมเดล ไม่ใช่ชิ้นนูน พื้นผิวเรียบ พิมพ์ออกมาสะอาด
แว่น หนวด และตาแยกเป็นชิ้นสีเข้ม ให้หน้าตายังเป็นแมวตัวเดิมจากโพสต์
เตรียมไฟล์พิมพ์สูง 120 มม. 4 สี ชั้นละ 0.16 มม. (ชมพูอ่อน ชมพูเข้ม ครีม น้ำตาล)

ภาพเรนเดอร์แมวมาสคอตห้ามุม หน้า ข้าง หลัง ข้าง และหน้า — Turnaround ห้ามุม ใช้เช็กสัดส่วนจากทุกด้าน

ภาพศึกษาวัสดุของแมวมาสคอต — ทดลองวัสดุและสี

ด้านหลังของแมว เห็นหางม้วนเป็นรูปตัว C — เช็กหางด้านหลังให้ติดกับตัวพอดี

ItemsCanvaBlenderBambu StudioBrand template

zerosync_pitch.pdfCLEAR ✓

STAGE G2Pitch Deck · Information Design

Zero Sync สไลด์พิตช์แฮกกาธอน "ปราบโกงด้วยเทคโนโลยี"

บทบาท ออกแบบสไลด์ · ไดอะแกรมอธิบายระบบรูปแบบงาน ทำร่วมกับทีมในงานแฮกกาธอนหัวข้อ OCR และดึงข้อมูลจากเอกสารเพื่อความโปร่งใสปี 2026

ปกสไลด์ HACKATHON ปราบโกงด้วยเทคโนโลยี พื้นดำ ตัวอักษรขาว แถบเขียว — ปก ใช้พื้นมืดกับภาพเงินและโลโก้ Python บอกหัวข้อในภาพเดียว

! Quest · โจทย์

กรรมการมีเวลาฟังสั้น แต่ระบบมีหลายขั้น ตั้งแต่ OCR ถึงสร้างไฟล์ CSV
ข้อมูลมี 163 คอลัมน์ ต้องสรุปให้เห็นว่าเลือกอะไรมาใช้และทำไม

✦ Moves · การตัดสินใจด้านดีไซน์

เทมเพลตเดียวทั้งชุด หัวข้ออังกฤษสีเขียว คำอธิบายไทยใต้หัวข้อ โลโก้ทีมมุมขวาบน เลขหน้ามุมขวาล่าง
หน้าเทคนิคแบ่งซ้ายเป็นโค้ดจริง ขวาเป็นแผนภาพลำดับขั้น ลูกศรแดงชี้ว่าโค้ดตรงไหนทำขั้นไหน
ตัวเลขสำคัญ (163 → 58 คอลัมน์) ขยายใหญ่เต็มหน้า ให้จำได้หลังฟังจบ
แถบความคืบหน้าใต้หน้าหัวข้อย่อย บอกว่าพูดถึงส่วนไหนของทั้งหมด

สไลด์ Introduction สามการ์ดพร้อมภาพประกอบ — Introduction · สามการ์ดสามประเด็น

สไลด์ตารางคอลัมน์ในแต่ละไฟล์ รวม 163 คอลัมน์ — ตารางคอลัมน์ ช่องสรุปสีเขียวเข้มเด่นที่สุด

สไลด์ OCR Layer โค้ดด้านซ้าย ขั้นตอน PDF เป็นรูปภาพเป็นตัวอักษรด้านขวา — OCR Layer · โค้ดคู่ไดอะแกรม

สไลด์ LLM Extraction พร้อมตารางค่า temperature — LLM Extraction

สไลด์ Process PDF แผนภาพ idempotent pipeline — Pipeline แบบทำซ้ำได้ไม่พัง

สไลด์ CSV Generation ขั้นตอนโหลดข้อมูลถึง summary.csv — CSV Generation

สไลด์ Strengths ห้าการ์ดไอคอน — Strengths · ไอคอนเส้นชุดเดียวกัน

สไลด์ Suggestion ข้อเสนอแนะต่อรูปแบบเอกสาร — Suggestion · ปิดด้วยข้อเสนอที่ทำได้จริง

↔ เลื่อนดูสไลด์ (หน้าเดโมที่มีชื่อผู้ใช้และชื่อไฟล์จริงไม่ได้นำมาแสดง)

ItemsCanvaDiagramTypography

hoodie_techpack/CLEAR ✓

STAGE G3Apparel · Tech Pack

Linux Hoodie ฮู้ดดี้สองคอลเลกชันพร้อมสเปกส่งโรงงาน

บทบาท ออกแบบลาย · จัดตำแหน่ง · ทำเอกสารสเปกงานพิมพ์และงานปักปี 2026

ภาพรวมฮู้ดดี้ Blackarch สีดำ ลายแดง ด้านหน้า หลัง แขน และฮู้ด — Blackarch · ดำกับแดง ดุและคม

ภาพรวมฮู้ดดี้ Fedora สีขาว ลายน้ำเงิน — Fedora · ขาวกับน้ำเงิน สะอาดและเป็นมิตร

! Quest · โจทย์

ทำเสื้อที่คนสาย Linux ใส่แล้วรู้กันเอง แต่คนทั่วไปมองว่าเป็นเสื้อสวย
โรงงานต้องผลิตได้ตรงแบบโดยไม่ต้องถามกลับ

✦ Moves · การตัดสินใจด้านดีไซน์

แต่ละคอลเลกชันใช้สีและฟอนต์ของดิสโทรนั้นจริง ๆ คนในวงการจำได้ทันที
ซ่อนมุกไว้ที่แขน พิมพ์คำสั่งเทอร์มินัลจริง sudo pacman -Syu และ sudo dnf upgrade --refresh พร้อมเคอร์เซอร์
เอกสารแยกหน้าละหนึ่งตำแหน่ง บอกขนาดเป็นเซนติเมตร รหัสสี ชนิดไฟล์ และวิธีทำ (ปักหรือสกรีน)
ทุกหน้ามีภาพม็อกอัปจริงประกอบ ช่างดูแล้ววางลายถูกตำแหน่ง

สเปกโลโก้หน้าอก Blackarch งานปัก ขนาด 4.5 ซม. — 01 โลโก้หน้าอก · งานปัก 4.5 ซม.

สเปกข้อความหลังเสื้อ BLACKARCH ABSOLUTE SECURITY — 03 ข้อความหลังเสื้อ ฟอนต์โมโนแบบเทอร์มินัล

สเปกข้อความแขนซ้ายแนวตั้ง root@blackarch — 04 ข้อความแขนซ้ายแนวตั้ง

สเปกโลโก้หน้าอก Fedora พร้อมรหัสสี — Fedora 01 โลโก้หน้าอก

สเปกโลโก้หลัง Fedora ขนาด 28 ซม. — Fedora 02 โลโก้หลัง 28 ซม.

แขนเสื้อสีดำ ข้อความ sudo pacman -Syu — แขน Blackarch · มุกคำสั่งอัปเดตระบบ

แขนเสื้อสีขาว ข้อความ sudo dnf upgrade --refresh — แขน Fedora · คำสั่งของอีกดิสโทร

#0A0A0ABlack#C8102EArch red#F5F6F7White#294172Fedora navy#3C6EB4Fedora blue

ItemsCanvaMockupTech packJetBrains Mono

zap_motion.mp4CLEAR ✓

STAGE G4Branding · Packaging · Motion

ZAP! และ TREAT! แบรนด์เครื่องดื่มและขนม ตั้งแต่โลโก้ถึงวิดีโอ

บทบาท โลโก้ · ฉลากกระป๋อง · แพ็กเกจ · วิดีโอโมชันปี 2026

วิดีโอแนะนำแบรนด์ 25 วินาที ไล่ทีละรส แล้วจบที่ครบทั้งสามกระป๋อง

โปสเตอร์เคลื่อนไหว 5 วินาที

! Quest · โจทย์

โซดารสแปลกใหม่ ต้องให้คนเข้าใจรสได้ภายในหนึ่งวินาทีที่มองชั้นวาง
แบรนด์ต้องสนุกและเป็นกันเอง ตามสโลแกน "Pop the ordinary"

✦ Moves · การตัดสินใจด้านดีไซน์

โลโก้ตัวเขียนมือเอียงพร้อมเส้นประกายเล็ก ๆ ให้ความรู้สึก "ซ่า" แบบการ์ตูน
แต่ละรสใช้สีของผลไม้เป็นสีกระป๋องทั้งใบ พีชพีชส้ม องุ่นม่วง สับปะรดเหลือง แยกได้จากระยะไกล
วิดีโอให้ผลไม้สาดสีออกมาจากกระป๋อง ย้ำว่ารสมาจากผลไม้จริง
TREAT! ใช้หลักเดียวกัน สีของวัตถุดิบเป็นสีซอง ทั้งสตรอว์เบอร์รี ช็อกโกแลตเฮเซลนัท และมัทฉะ

Peach YuzuGrape ShisoPineapple Sea SaltLogo navy