case study ฉบับเต็ม

InternTrack ทำให้ทุกขั้นตอนของการฝึกงานมองเห็นได้ตลอด

คอนเซปต์ frontend สไตล์ผลิตภัณฑ์ สำหรับนักศึกษาที่ต้องการที่เดียวที่สงบ ไว้ติดตามใบสมัคร เตรียมสัมภาษณ์ ติดตามผล และงานพอร์ตโฟลิโอ

InternTrack dashboard screenshot with pipeline columns, preparation tasks, and application status panels.
ประเภทโปรเจกต์ Dashboard UI (concept)
กลุ่มเป้าหมาย นักศึกษาที่กำลังสมัครฝึกงาน
โฟกัส ความชัดเจนของ pipeline และจังหวะการเตรียมตัว
เทคโนโลยี Static HTML และ CSS
เป้าหมาย

เปลี่ยนงานสมัครที่กระจัดกระจายให้เป็นหน้าจอปฏิบัติการที่ชัดเจน

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

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

3 ทางเลือกที่ทำให้คอนเซปต์นี้ใช้งานได้จริง

หน้านี้ฝึกโครงสร้างข้อมูลแบบแดชบอร์ด โดยไม่กลายเป็น spreadsheet ที่แน่นเกินไป

  1. 01

    เลนไปป์ไลน์มาก่อนตัวเลข

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

  2. 02

    งานเตรียมตัวอยู่ติดกับโอกาสจริง

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

  3. 03

    ลำดับชั้นภาพยังคงสงบและสแกนง่าย

    พื้นผิวนุ่มนวล สีฟ้าเน้นสถานะ ระยะห่างที่ชัดเจน และแท็กแบบกะทัดรัด ช่วยให้หน้านี้ดูเป็นระเบียบแม้จะมีหลายบริษัทและหลายงานปรากฏพร้อมกัน

สิ่งที่ผมฝึกฝน

Frontend และการคิดเชิงผลิตภัณฑ์ในหน้าเดียว

responsive layout dashboard UI visual hierarchy semantic HTML case-study storytelling SEO metadata
สัญญาณสำหรับผู้รีวิว

ผลงานนี้แสดงมากกว่าหน้าจอสวยๆ

InternTrack มีประโยชน์ในพอร์ตนี้เพราะแสดงให้เห็นว่า UI จัดระเบียบเวิร์กโฟลว์จริงได้อย่างไร — อะไรกำลังเกิดขึ้น อะไรสำคัญถัดไป และผู้ใช้รักษาโมเมนตัมไว้ได้อย่างไร

ผลลัพธ์

ผู้รีวิวเข้าใจไอเดียผลิตภัณฑ์ได้โดยไม่ต้องมีบัญชีทดลองใช้

หน้าที่เสร็จสมบูรณ์ทำงานเป็นคอนเซปต์แดชบอร์ดแบบ static ที่น่าเชื่อถือ สื่อสารปัญหาของผู้ใช้ โครงสร้างอินเทอร์เฟซ และการฝึกฝน frontend เบื้องหลังงานนี้