Elasticshop Gaming Top-Up

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

ph-akin.dev/elasticshop-gaming.html
Elasticshop Gaming Top-Up live page screenshot.
ภาพหน้าจอ Elasticshop Gaming Top-Up บนเดสก์ท็อป
แคตตาล็อกเกม ดีลประจำสัปดาห์และราคาเริ่มต้นรายเกม บน UI มืดตัดเหลืองความคมสูง
ภาพหน้าจอ Elasticshop Gaming Top-Up บนมือถือกว้าง 375 พิกเซล
จอ 375px — เมนูข้างพับเก็บหลังปุ่ม การ์ดเกมเรียงเป็นตารางแคบโดยราคาเริ่มต้นยังอยู่ครบ

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

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

Design System Gaming UI Figma Full Stack

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

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

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

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

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

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

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

ราคาเริ่มต้น ฿3,900 ขึ้นอยู่กับขอบเขตงาน — ดูราคาทั้ง 3 แพ็กเกจ

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

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