check

your contact has been sent! we’ll contact you asap.

Holme Ekkamai 22

Holme Ekkamai 22

ออกแบบและพัฒนาเว็บไซต์สำหรับดูรูปภาพและข้อมูลโครงการอสังหาฯ พร้อมทั้งเก็บข้อมูลลูกค้า

DISCRIPLINE

DESIGN, DEVELOPE

CLIENTS

Holme Ekkamai 22

PARTNER

BIRTHMARK

Business overview

Holme Ekkamai 22 คือโครงการอสังหาฯ ประเภทคอนโด Low Rise ตั้งอยู่ในซอยเอกมัย 22 คอนเซปของโครงการจะนำเสนอความเป็นบ้านที่มีพื้นที่กว้างขวาง เป็นส่วนตัว ใกล้ชิดธรรมชาติ แต่ยังคงความสะดวกสบายของการอยู่ใจกลางเมือง

 

 

Requirement

ทาง Holme ekkamai 22 อยากได้เว็บไซต์เพื่อใช้ในการทำการตลาดของโครงการ โดยในเว็บไซต์ต้องสามารถรองรับการลงทะเบียนจากคนที่สนใจเข้ามาดูโครงการ, นำเสนอข้อมูลของโครงการและสถานที่ตั้งของโครงการได้อย่างชัดเจน นอกจากนี้เว็บไซต์จะต้องดีต่อการทำ SEO 

 

Process

 

 

Design

 

01. Sitemap & Wireframe

หลังจากได้รับบรีฟจากลูกค้า ทีมได้เริ่มจากการข้อมูลที่ได้ มา research จากเว็บไซต์คู่แข่งหรือเว็บไซต์ที่มีความใกล้เคียงกัน เพื่อให้ตรงตาม objective ของลูกค้า

 

จากนั้นทีมได้เริ่มสร้าง sitemap ของเว็บไซต์เพื่อดูโครงสร้างของข้อมูลที่จะมีในเว็บไซต์ และนำข้อมูลที่ได้มาสร้างเป็น low fidality wireframe เพราะเป็นเว็บไซต์หน้าเดียว และไม่ได้มีข้อมูลที่ซับซ้อน จากนั้นจึงเริ่มออกแบบหน้าตาการใช้งาน (User Interface) ในทุกๆ ขั้นตอนการทำงาน เราจะมีการ confirm กับลูกค้าก่อนเริ่มไปขั้นตอนถัดไปทุกครั้ง

 

[Wireframe]

 

02. User interface design

ก่อนเริ่มขั้นตอนการออกแบบ เราเริ่มจากการนำเสนอ moodboard ให้ลูกค้าเลือกสไตล์ที่ชอบ เมื่อได้สไตล์ที่ลูกค้าชอบมาแล้ว เราจะเริ่มออกแบบโดยสร้าง styleguide ของเว็บไซต์เพื่อให้เว็บไซต์ทั้งหมดดูเป็นไปในทิศทางเดียวกัน (Consistency) เพื่อ represent ตัวตนของแบรนด์ให้ได้มากที่สุด

 

หลังจากที่ได้ Styleguide แล้วเราจะนำ wireframe มาเริ่มออกแบบหน้าตาเว็บไซต์ (User interface) โดยเว็บไซต์ Holme Ekkamai 22 เราได้ออกแบบ Layout ให้ตรงกับแบรนด์ดิ้งและตัวโครงการที่เป็นตึกจริง โดยการจัดวาง layout ให้เรียบง่ายแต่ดูทันสมัย เน้นนำเสนอภาพ และ material ในโครงการให้ชัดเจน พร้อมทั้งใช้สีโทน earth tone เพื่อให้ได้ feeling homey และสบายตา

 

 

 

Development

เราทำ Website อย่างพิถีพิถันให้รายละเอียดตรงกับไอเดียของ Designer มากที่สุด (Pixel Perfect) ดังนั้นทุก Element จะถูกทำขึ้นมาใหม่ทั้งหมด ไม่ได้ใช้ Template อย่างเว็บไซต์ทั่วๆไป 

เราเลือกใช้ React.js ซึ่งเป็น Framework ที่ถูกพัฒนาโดย Facebook และเป็นที่นิยมอย่างมากในวงการ Website Development  ทำส่วน Frontend ของเว็บไซต์  และใช้ Next.js ในการทำ Serverside Rendered ให้เว็บไซต์ดีต่อการทำ SEO ในส่วนของ Backend เราใช้ Node.js ในการทำ API และวางระบบทั้งหมดไว้บน Firebase หนึ่งใน Service จาก Google Cloud Platform ซึ่งเป็นหนึ่งใน Cloud Service ที่ม่ี Reliability สูงมากที่สุดในโลก

 

ADDRESS

1000/7-8 Liberty Plaza 19th Floor, Sukhumvit 55 Road (Thonglor), Klongton Nuea, Watthana, Bangkok 10110, Thailand

Full name
Email
Company/Occupation
Phone
Description
© PIXEL by Foxbith Co., Ltd. All rights reserved.