aHuii.com

บล็อกของอาฮุย :)

Portfolio

June 6th, 2013

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

* หน้าบ้านคือส่วนที่เอาไว้ให้ลูกค้าของคุณดู/ใช้งาน (คือหน้าเว็บนั่นแหละครับ)

** หลังบ้านคือส่วนที่ทางเจ้าของเว็บจะเข้าไปใช้เพื่อเพิ่ม/ลด/แก้ไขข้อมูลต่างๆ

1. sparepartscenter.net

Requirement:

  • เป็นเว็บบอกข้อมูลเบื้องต้นของร้านขายอุปกรณ์ hardware
  • สามารถสั่งซื้อสินค้าได้ด้วย
  • ต้องการให้มีช่อง search ใหญ่ๆ เพื่อค้นหาง่ายๆ ตรงกลางหน้า
  • มีสไลด์โชว์ด้านบนและในสไลด์ก็ให้มีคำอธิบายด้วย
  • เมนูต้องการปุ่มขอบมน
  • เพิ่ม/ลด/แก้ไขรายการสินค้าได้
  • เปลี่ยนรูปใน Slide เองได้

รายละเอียด: ตัวนี้ใช้การแก้ไข theme จาก script ของ prestashop ครับ ส่วนรูปแบบหน้าตาทางลูกค้าเป็นคนออกแบบเองครับ

sparepartscenter-web-screenshot


2. proudconcept.com

Requirement

  • ต้องการเว็บคล้ายกับ MaisonTakuya (แต่ปัจจุบันรูปแบบไม่เหมือนเดิมแล้ว) คือเวลาเปลี่ยนหน้าจะเปลี่ยนแบบวื้บๆ fade-in ซ้อนกับ fade-out ทั้งเว็บ
  • หน้าสินค้าสามารถกดเลือกสีเพื่อดูภาพตัวอย่างได้ (เปลี่ยนแบบวื้บๆ เหมือนกัน)
  • ให้มีเมนูอยู่ด้านบน ส่วน sub-menu ให้มาอยู่ทางด้านข้าง(ซ้าย)แทน
  • เพิ่ม/ลด/แก้ไขรายการสินค้าได้
  • เพิ่ม/ลด/แก้ไขเมนูต่างๆ เองได้

รายละเอียดการพัฒนา: ตัวนี้เขียนขึ้นเองใหม่หมดเลยทั้งระบบหน้าบ้านและหลังบ้านที่ใช้ในการแก้ไข เพิ่ม/ลด รายละเอียดต่างๆ ส่วนหน้าเว็บใช้ AJAX เข้ามาช่วยในการเปลี่ยนหน้า ส่วนเรื่องธีม รูปแบบตัวอักษร สีตัวอักษร พื้นหลัง ลูกค้าเป็นคนกำหนดและออกแบบเองครับ

proudconcept-web-screenshot


3. wearevercase.com

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

Requirement:

  • ต้องการ Slide ด้านบนใหญ่ๆ และใช้เอฟเฟ็ค Ken Burn Effect
  • ต้องการมีเมนูด้านบน
  • ส่วนหน้า content ต้องการความยืดหยุ่นเพื่อจัดดีไซน์หน้าตาได้เอง
  • ในหน้าสินค้าแบ่งเป็น 2 คอลัมน์คือส่วนรายละเอียดและรูปตัวอย่าง
  • สามารถเพิ่ม/ลด/แก้ไขเมนูด้านบนได้เอง
  • เพิ่ม/ลด/แก้ไขสินค้าได้เอง
  • เปลี่ยนรูปสไลด์ได้เอง

รายละเอียดการพัฒนา: ตัวนี้เขียนขึ้นเองใหม่ทั้งหมดทั้งหน้าบ้านและหลังบ้าน ส่วนปุ่ม View Cart ของ Paypal ทางลูกค้าขอให้เพิ่มเข้ามาทีหลัง

Wearevercase (20130606)


4. kudos-thailand.com

Requirement:

  • คล้ายกับ wearvercase.com
  • หน้ารายละเอียดสินค้าฝั่งรูปภาพสามารถแก้ไขให้เป็นอย่างอื่นได้ด้วย
  • สไลด์ด้านบนเอาเป็นแบบเลื่อนธรรมดา
  • เปลี่ยนธีมเป็นโทนสีขาว

รายละเอียดการพัฒนา: เอาตัว wearevercase มาพัฒนาต่อ

kudos

aHuii.com

บล็อกของอาฮุย :)