project showcase

Elasticshop Gaming Top-Up

ระบบดีไซน์โทนดำ-เหลือง สำหรับแพลตฟอร์มเติมเงินเกมอัตโนมัติ ครบ 4 หน้าจอ ตั้งแต่เลือกสินค้าจนถึงยืนยัน

ph-akin.dev/elasticshop-gaming.html
Elasticshop Gaming Top-Up live page screenshot.

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

ภาพรวมโปรเจกต์

ใช้เวลาไม่กี่นาที เห็นภาพทั้งหมด

Elasticshop ต้องการมากกว่าหน้าจอเดียว — ต้องการระบบที่สอดคล้องกันครบ 4 flow: เลือกดูเกม เลือกแพ็กเกจเติมเงิน ชำระเงิน และยืนยัน โทนสีเหลืองตัดกันสูงบนพื้นมืด ยืมธรรมเนียม UI สายเกมมาใช้ ทำให้รู้สึกเป็นธรรมชาติกับกลุ่มเป้าหมาย แทนที่จะเป็นอีคอมเมิร์ซทั่วไป

Design System Gaming UI Figma Full Stack

สรุปใน 30 วินาที

จุดที่โดดเด่น อ่านผ่าน ๆ ก็เห็น

  • ครบ 4 flow หน้าจอ ออกแบบเป็นระบบเดียวกัน
  • UI มืดสไตล์เกมเมอร์ พร้อมสีเหลืองตัดกันสูง
  • เริ่มออกแบบใน Figma ก่อน แล้วพัฒนาแบบ full-stack
  • ระบบ component สอดคล้องกันทุกหน้าจอ

โปรเจกต์นี้เหมาะกับใคร

อ่านรอบเดียวรู้เลยว่าใช่หรือไม่ใช่

แนวทางนี้เหมาะกับเกม อีสปอร์ต และแพลตฟอร์มดิจิทัลเฉพาะกลุ่มอื่นๆ ที่ลุค SaaS ทั่วไปจะดูไม่เข้าพวก และที่ผลิตภัณฑ์ต้องการมากกว่าหนึ่งหน้าจอในการออกแบบให้ถูกต้อง

อยากได้แบบนี้บ้างไหม?

ปรับงานชิ้นนี้ให้เข้ากับธุรกิจของคุณ

บอกผมว่าธุรกิจคุณทำอะไร อยากให้เว็บช่วยเรื่องไหน และงบประมาณคร่าว ๆ เท่าไหร่ — ผมออกแบบและพัฒนาให้พอดีกับสิ่งนั้น

เริ่มงานบน Fastwork อีเมลหาผม

ดูเว็บจริง ผลงานทั้งหมด