เมซง เอสเตท

มือถือไม่ได้ย่อ Layout ของคอมพิวเตอร์ให้เล็กลง แต่เรียงเนื้อหาต่อกันลงมา จนต้องเลื่อนยาวเป็น 1.3 เท่า

  • อสังหาริมทรัพย์
ส่วนที่ 01 ของเว็บไซต์ เมซง เอสเตท หน้าจอแรก

01หน้าจอแรก

วัดเมื่อ 1 กันยายน 2026

จำนวนหน้าจอบนคอมพิวเตอร์
4.7
สูง 4,192 px ที่ความกว้าง 1440 px
จำนวนหน้าจอบนแท็บเล็ต
4.1
สูง 4,566 px ที่ความกว้าง 834 px
จำนวนหน้าจอบนมือถือ
6.0
สูง 5,045 px ที่ความกว้าง 390 px

5 ส่วนของเว็บไซต์

อ่านเว็บไซต์ทีละส่วน ว่าแต่ละส่วนมีไว้ทำอะไร และงานออกแบบทำเรื่องไหนเป็นหลักในส่วนนั้น

01หน้าจอแรก

ส่วนที่ 01 ของเว็บไซต์ เมซง เอสเตท หน้าจอแรก

ภาพในบ้านตอนกลางคืนเรียงเป็นกริดชิดกัน ไม่มีช่องว่าง และช่องค้นหาที่เขียนเป็นประโยคบรรทัดเดียว

02ย่านที่อยู่อาศัย

ส่วนที่ 02 ของเว็บไซต์ เมซง เอสเตท ย่านที่อยู่อาศัย

พื้นสีกระดาษ ครั้งแรกที่หน้านี้พักจากภาพถ่าย การ์ด 3 ใบ ใบกลางวางสูงกว่าใบอื่น

03บริการ

ส่วนที่ 03 ของเว็บไซต์ เมซง เอสเตท บริการ

ซ้ายเป็นข้อความขาย ขวาเป็น 4 แถว แต่ละแถวมีไอคอน หัวข้อ และข้อความ 2 บรรทัด คั่นด้วยเส้นบาง

04บ้านตอนกลางคืน

ส่วนที่ 04 ของเว็บไซต์ เมซง เอสเตท บ้านตอนกลางคืน

ภาพเดียวเต็มความกว้าง ไม่มีตัวอักษร ไม่มีคำบรรยาย ใช้ทั้งหน้าจอเพื่อเปลี่ยนเรื่อง

05ข้อมูลตลาดและฟุตเตอร์

ส่วนที่ 05 ของเว็บไซต์ เมซง เอสเตท ข้อมูลตลาดและฟุตเตอร์

พื้นเปลี่ยนเป็นเกือบดำ มีช่องกรอกอีเมลพร้อมลูกศร และลิงก์ 3 คอลัมน์

จุดเด่นของงานออกแบบ

ทุกสีอ่านจากหน้าเว็บที่แสดงผลจริง ถ่วงน้ำหนักตามพื้นที่ที่สีนั้นกินอยู่ ไม่นับภาพถ่าย

  • #f9f7f668%
  • #e8e5e516%
  • #1a1a1a14%
  • #5e59552%
  • #0000001%
ฟอนต์ที่โหลด
Instrument Serif, Inter
Instrument Serif ใช้กับหัวข้อ
วัดเมื่อ
1 กันยายน 2026

บนทุกหน้าจอ

หน้าเดียวกันที่ความกว้าง 1440, 834 และ 390 พิกเซล วาดด้วยสเกลเดียวกัน มือถือที่เห็นแคบกว่าเท่าไร ของจริงก็แคบกว่าเท่านั้น

เมซง เอสเตท ทั้งหน้าตามที่แสดงผลที่ความกว้าง 1440px
คอมพิวเตอร์ 1440px
เมซง เอสเตท หน้าเดียวกันที่ความกว้าง 834px
แท็บเล็ต 834px
เมซง เอสเตท หน้าเดียวกันที่ความกว้าง 390px
มือถือ 390px