UX/UI DESIGNER เชียงใหม่ · ไทย เปิดรับงานประจำ

ออกแบบ
ให้ใช้ง่าย
จนลืมว่า
มีดีไซน์.

นักออกแบบ UX/UI ที่เปลี่ยนข้อมูลสุขภาพและพันธุกรรมที่ซับซ้อน ให้เป็นรายงานและแอปที่ใครก็เข้าใจ — ประสบการณ์กว่า 4 ปีที่ Geneus Genetics

ประสบการณ์
4+ ปี
ผลิตภัณฑ์ที่ส่งมอบ
12+
รูปแบบงาน
Remote / ย้ายได้
เริ่มงานได้
ภายใน 1 เดือน
01 — ผลงาน

ผลงาน
ที่คัดมา

4 ผลิตภัณฑ์ที่ทำตั้งแต่ต้นจนจบ ทั้ง Landing page, ระบบรายงาน, Mobile app และระบบหลังบ้านสำหรับพาร์ทเนอร์

[01] กรณีศึกษา

GeneusDNA

เปลี่ยนข้อมูลพันธุกรรมที่ซับซ้อนให้เป็นประสบการณ์ที่เข้าใจง่าย — ออกแบบ Digital ecosystem ครบวงจร ตั้งแต่ Landing page ที่พาผู้ใช้ผ่านขั้นตอนเก็บตัวอย่างน้ำลายที่บ้าน ไปจนถึงระบบรายงานผลที่แปลงผลวิเคราะห์กว่า 500 รายการให้เป็น Spectrum Slider เข้าใจง่าย พร้อมข้อมูลยีนและ Marker อ้างอิง และ Mobile app สำหรับติดตามผลสุขภาพระยะยาว

ขอบเขต Landing page
ขอบเขต Reports
ขอบเขต Mobile app
ดูกรณีศึกษา
หน้าจอแอป GeneusDNA บนโทรศัพท์หลายเครื่อง FIG. 02
[02] โปรเจกต์

CARE persona

ออกแบบประสบการณ์ดูแลสุขภาพเฉพาะบุคคล ด้วยดีไซน์ที่เน้นความน่าเชื่อถือ — User Journey ที่ลื่นไหลตั้งแต่แบบประเมินสุขภาพไปจนถึงการติดตามผลผ่าน Mobile app

ขอบเขต Landing page
ขอบเขต Mobile app
ขอบเขต Health
ดูโปรเจกต์
บรรจุภัณฑ์ผลิตภัณฑ์ CARE persona FIG. 03
[03] กรณีศึกษา

Jelly CARE

ผสมผสานความสดใสของแบรนด์เข้ากับระบบสั่งซื้อที่ทรงพลัง — ออกแบบเว็บที่เน้นความสนุก พร้อมออกแบบระบบ Partner backend ให้ใช้งานง่ายสำหรับคู่ค้า

ขอบเขต Landing page
ขอบเขต Partner backend
ขอบเขต System
ดูกรณีศึกษา
แบนเนอร์หน้าแรกเว็บไซต์ Jelly CARE FIG. 04
[04] กรณีศึกษา

Geneus Pet

เมื่อเทคโนโลยี DNA มาพบกับความรักสัตว์ ในรูปแบบ Interface ที่เป็นมิตร — ออกแบบ Mobile app และระบบรายงานผลสุขภาพสัตว์เลี้ยง ด้วยหลัก Visual hierarchy

ขอบเขต Landing page
ขอบเขต Reports
ขอบเขต Mobile app
ดูกรณีศึกษา
แอป Geneus Pet บนโทรศัพท์ FIG. 05
02 — เกี่ยวกับ

ด้วยประสบการณ์กว่า 4 ปีด้าน UX/UI และพื้นฐานวิศวกรรมโทรคมนาคม ผมทำงานเชื่อมระหว่างทีมวิจัย ดีไซน์ และโค้ด — เรียบเรียงผลวิจัยของผู้เชี่ยวชาญให้คนทั่วไปเข้าใจ และส่งต่อสเปกที่ Dev นำไปสร้างได้โดยไม่ต้องเดา

ออกแบบ Mobile app
ออกแบบเว็บไซต์
Design Systems
ทำโปรโตไทป์
ทำงานร่วมกับ AI
ส่งต่องานให้ Dev
Worayot Sarai
โทร 099 387 1555 อีเมล sarai.worayot@gmail.com
ที่อยู่ เชียงใหม่
03 — วิธีทำงาน

วิธีการทำงาน

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

  1. [01]

    เป้าหมายและวัตถุประสงค์

    กำหนดเป้าหมายและผลลัพธ์ของโปรเจกต์ เพื่อเป็นแนวทางการออกแบบ

  2. [02]

    รีเสิร์ช

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

  3. [03]

    ไวร์เฟรม

    แปลงไอเดียเป็นภาพร่างและโครงสร้างหน้าจอ

  4. [04]

    โปรโตไทป์

    สร้างต้นแบบที่โต้ตอบได้ เพื่อทดสอบและปรับแนวคิด

  5. [05]

    สรุปงานออกแบบ

    นำฟีดแบ็กมาปรับและเก็บรายละเอียดก่อนเปิดตัว

04 — AI × ส่งต่องาน

AI ใน
การทำงาน

ใช้ AI ลดงานซ้ำๆ ใน Figma เพื่อให้มีเวลาโฟกัสกับ UX มากขึ้น และทำให้ข้อมูลที่ส่งต่อ Dev มีคุณภาพ ครบถ้วน และไหลลื่นตั้งแต่ดีไซน์จนถึงโค้ด

  1. Figma
  2. AI ช่วย
  3. Spec ครบถ้วน
  4. พร้อมส่ง Dev
[01]

ลดงานซ้ำใน Figma

ใช้ AI ช่วยงานที่ซ้ำและกินเวลา ให้ไฟล์เป็นระเบียบตั้งแต่ต้น โดยไม่ต้องไล่แก้ทีละ layer

  • ตั้งชื่อ Layer
  • จัด Auto layout
  • Variants และ States
  • เนื้อหาตัวอย่างสมจริง
[02]

ส่งต่องานมีคุณภาพขึ้น

ข้อมูลที่ส่งต่อ Dev ครบและชัดเจน ทั้ง token, component props และ state ที่ต้องรองรับ ลดการตีความผิด

  • Design tokens
  • Component props
  • Edge และ Empty states
  • โน้ตการโต้ตอบ
[03]

ดีไซน์สู่โค้ดอย่างไหลลื่น

โครงสร้างไฟล์ตรงกับโครงสร้างโค้ด ทีมคุยภาษาเดียวกัน ลดการถามกลับไปมาและงานแก้รอบหลัง

  • โครงสร้างตรงกับโค้ด
  • ถามกลับไปมาน้อยลง
  • ปรับแก้ได้เร็วขึ้น
05 — ประวัติ

ประสบการณ์

Geneus Genetics 2022 → ปัจจุบัน
Graphic & UX/UI Designer APR 23 — ปัจจุบัน
Junior UX/UI Designer FEB 22 — APR 23
Greyscale Digital 2021 → 2022
UX/UI Design Intern NOV 21 — JAN 22

การศึกษา

Skooldio UX/UI Bootcamp
Skooldio UX/UI Bootcamp
รุ่นที่ 1 · หลักสูตรเข้มข้น
RMUTL
RMUTL
วศ.บ. — วิศวกรรมโทรคมนาคม

โปรแกรมที่ใช้

FigmaFramerLottieAfter EffectsPhotoshopIllustrator