มาเรียนา

ประเภทธุรกิจ
คลินิก
มาเรียนา ทั้งหน้าตามที่แสดงผลที่ความกว้าง 1440px
มาเรียนา หน้าเดียวกันที่ความกว้าง 834px
มาเรียนา หน้าเดียวกันที่ความกว้าง 390px

บนทุกหน้าจอ

01 / 03

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

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

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

01

หน้าจอแรก

หัวข้อตัวอักษรมีเชิง มีวลีหนึ่งเป็นตัวอักษรสีอ่อนบนกล่องสีเข้ม และลายเซ็นตัวเขียนพาดบนภาพถ่าย

ส่วนที่ 02 ของเว็บไซต์ มาเรียนา คนที่มาปรึกษา

02

คนที่มาปรึกษา

ซ้ายเป็นสถานการณ์ 5 ข้อเรียงตามเลข ขวาเป็นเรื่องเดียวกันแบบเช็กลิสต์ 5 ข้อ บนการ์ดสีอ่อนกว่า

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

03

เกี่ยวกับนักจิตวิทยา

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

ส่วนที่ 04 ของเว็บไซต์ มาเรียนา ขั้นตอน

04

ขั้นตอน

4 คอลัมน์มีเลขกำกับเต็มความกว้าง คือติดต่อครั้งแรก คุยกัน นัดเวลาประจำ และทบทวนระหว่างทาง

ส่วนที่ 05 ของเว็บไซต์ มาเรียนา คำถาม

05

คำถาม

6 แถว แถวละคำถาม ท้ายแถวมีเครื่องหมายบวกในวงกลม และมีเส้นบางคั่น

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

06

ปิดท้ายและฟุตเตอร์

ภาพทุ่งดอกป๊อปปี้โทนมืด วางหัวข้อปิดท้าย ปุ่มสีครีม และแถวฟุตเตอร์ไว้บนภาพเดียวกัน

02 / 03

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

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

  • #f3ecde51%
  • #0c0d1433%
  • #e9dfcb7%
  • #1b24167%
  • #e0d2b42%
  • #97381f<1%
  • #37432c<1%
  • #ffffff<1%
ฟอนต์ที่โหลด
satoshi, Source Serif 4, Archivo, Playfair Display, DM Sans
Playfair Display ใช้กับหัวข้อ
วัดเมื่อ
1 กันยายน 2026