check

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

All About  Living

All About Living

DISCRIPLINE

DESIGN, DEVELOPE

CLIENTS

ALL ABOUT LIVING

PARTNER

BIRTHMARK

Business overview

All about living คือ Real Estate Startup ที่รวบรวมข้อมูลเกี่ยวกับอสังหาฯ โดยก่อนที่จะมาเริ่มสร้าง Platform ทางแบรนด์เป็นที่รู้จักจากการรีวิวอสังหาฯ ใน Facebook Fanpage มาก่อน หลังจากได้รับทุนแบรนด์อยากจะขยายโอกาสทางธุรกิจโดยการมี Platform เป็นของตัวเอง เพื่อรองรับบทความจากทีมเขียนที่ใหญ่และหลากหลายขึ้น

 

Requirement

ทาง All about living อยากสร้าง platform ที่จะเป็น one-stop service สำหรับผู้ที่ต้องการเข้ามาหาข้อมูลเกี่ยวกับอสังหาฯ โดยภายใน platform จะต้องมีส่วนที่นำเสนอข้อมูลในลักษณะบทความรีวิว ซึ่งเป็นจุดขายเดิมของแบรนด์ นอกจากนี้ยังมีการต่อยอดจากคนที่เข้ามาอ่านรีวิวอสังหาฯ ให้สามารถลงประกาศซื้อ-ขายอสังหาฯ ได้ใน platform มีรายได้จากการลงประกาศ Ads เพิ่มขึ้นด้วย

 

Process

 

 

Design

 

01. Sitemap & Wireframe

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

 

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

 

 

02. User interface design

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

 

หลังจากที่ได้ Styleguide แล้วทีมจะเริ่มออกแบบหน้าตาเว็บไซต์ (User interface) โดยยึดวิธีการนำเสนอข้อมูลจาก Wireframe ในขั้นตอนก่อนหน้า ในเว็บไซต์ All about living ทีมได้หยิบเอาตัวโลโกและสีของแบรนด์มาออกแบบหน้าตาเว็บไซต์ โดยเน้น layout ที่อ่านง่าย เพราะเว็บไซต์เองเน้นตัวบทความ ออกแบบให้เห็นปุ่มและ function การใช้งานที่ชัดเจน เพื่อตอบโจทย์ผู้ที่เข้ามาอ่านบทความในเว็บไซต์

 

 

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.