10 เว็บไซต์ประวัติย่อที่สร้างด้วย Divi

เรซูเม่เป็นเว็บไซต์ส่วนตัวที่ได้รับความนิยม เหมาะสำหรับการนำเสนอทักษะ การศึกษา และประสบการณ์ของคุณต่อผู้มีโอกาสเป็นลูกค้าและนายจ้าง โชคดีที่มีเว็บไซต์เรซูเม่มากมายที่สร้างด้วย Divi เพื่อช่วยจุดประกายจินตนาการของคุณ ในบทความนี้ เราจะมาดูตัวอย่าง 10 ตัวอย่างของเว็บไซต์เรซูเม่ที่สร้างด้วย Divi

โดยไม่คำนึงถึงอุตสาหกรรม เว็บไซต์เรซูเม่จำเป็นต้องนำเสนอข้อมูลประเภทเดียวกันและต้องการคุณสมบัติ ตามที่เว็บไซต์ทั้ง 10 เหล่านี้จะแสดงขึ้น มีมากกว่าหนึ่งวิธีในการนำเสนอข้อมูลประเภทเดียวกัน พวกเขายังเป็นตัวอย่างที่ดีขององค์ประกอบการออกแบบเว็บ เช่น เลย์เอาต์ สี ฟอนต์ ข้อมูลติดต่อ ประเภทของข้อมูลที่จะรวมและวิธีการนำเสนอ รูปภาพ เอฟเฟกต์ การนำทาง ฯลฯ เว็บไซต์เหล่านี้จะช่วยจุดประกายจินตนาการของคุณอย่างแน่นอน แนวคิดสำหรับเว็บไซต์ดำเนินการต่อ Divi ของคุณ

10 เว็บไซต์เหล่านี้จัดอยู่ในสองหมวดหมู่ ภายในหมวดหมู่เหล่านั้นไม่ได้เรียงลำดับเฉพาะเจาะจง เรายังมีโบนัสในตอนท้าย – รูปแบบประวัติย่อฟรีเพื่อช่วยคุณสร้างเว็บไซต์ประวัติย่อของคุณเองด้วย Divi มาดูกัน…

เว็บไซต์เรซูเม่

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

1. เวลดอน ฟุลท์ซ

Weldon Fultz ใช้สีเอิร์ธโทนทั่วทั้งไซต์พร้อมกับตัวอักษรขนาดใหญ่และพื้นที่สีขาวมากมาย ข้อความที่คลิกได้จะกลายเป็นปุ่มที่มีเอฟเฟกต์เงาเมื่อวางเมาส์เหนือ ข้อความขนาดใหญ่ปรากฏบนแถบเลื่อนเพื่อแสดงคำสำคัญที่เกี่ยวข้อง ทักษะจะแสดงในแผนภูมิแท่งที่มีบล็อกขนาดใหญ่สำหรับไอคอน รางวัลสามารถคลิกได้และใช้เอฟเฟกต์โฮเวอร์ เว็บไซต์นี้ใช้สีและตัวอักษรได้อย่างดีเยี่ยม

ดูเว็บไซต์

2. แจ็ค แมคโดเวลล์

Jack McDowell ใช้ธีมเด็กของ Hello และแสดงภาพยนตร์เป็นส่วนหัวพื้นหลังพร้อมกับ CTA ผู้ติดต่อและปุ่มติดตามโซเชียล ข้อมูลเกี่ยวกับฉันจะอยู่ทางด้านซ้ายที่สามของหน้าด้วยสีน้ำเงินเข้ม ในขณะที่ส่วนที่เหลือของหน้าจะแสดงข้อมูลประวัติย่อภายในไทม์ไลน์กับพื้นหลังสีแทน แบ่งเป็นงาน/ทักษะ โรงเรียน/รางวัล และปิดท้ายด้วยการดาวน์โหลด CTA โปรเจ็กต์จะแสดงภายในกริดพอร์ตโฟลิโอแบบเต็มความกว้างและตัวเลื่อนแบบเต็มหน้าจอ และตัวเลื่อนคำรับรองแบบเต็มหน้าจอพร้อมตัวคั่นส่วน แบบฟอร์มการติดต่อใช้สีที่มีตราสินค้าของไซต์

ดูเว็บไซต์

3. อังเดร คอสต้า

Andre Costa ใช้วิธีการหลายหน้าเพื่อสร้างเรซูเม่ หน้าแรกจะแสดงโลโก้บนพื้นหลังแบบไล่ระดับและไอคอนเมนูแฮมเบอร์เกอร์ที่เปิดเมนูแบบเต็มหน้าจอ ข้อมูลอาชีพและการศึกษาจะแสดงบนหน้าเว็บของตนเองเป็นข้อความภายในส่วนขนาดใหญ่ที่มีสีพื้นหลังสีแทนและสีม่วงอ่อนเพื่อช่วยให้โดดเด่น ข้อมูลอื่น ๆ มีให้ในโมดอลป๊อปอัปที่สามารถคลิกได้ การศึกษาจะแสดงด้วยแผนภูมิแท่งที่สวยงาม หน้าการศึกษาประกอบด้วยการ์ดที่คลิกได้สำหรับการศึกษาในอดีต ปัจจุบัน และอนาคต

ดูเว็บไซต์

4. โดโมนิก โบล

Domonique Baul ใช้ธีม Hello child พร้อมภาพพื้นหลัง ชื่อ และสโลแกน โปรเจ็กต์จะแสดงอยู่ในพอร์ตโฟลิโอที่กรองได้ ต่อจากนี้ไปจะเป็นส่วนที่มีรูปถ่ายอยู่ทางซ้ายหนึ่งในสามของหน้าจอพร้อมข้อมูลและแผนภูมิแท่งเพื่อแสดงทักษะ งาน ทักษะ โรงเรียน และรางวัลจะแสดงในสองในสามด้านขวา ซึ่งนำไปสู่ไอคอนขนาดใหญ่สำหรับ Git Hub, LinkedIn และลิงก์ประวัติย่อที่สามารถดาวน์โหลดได้ แบบฟอร์มการติดต่อจะปรากฏบนภาพพื้นหลัง

ดูเว็บไซต์

5. เดวิด ซอมเมอร์เฟล็ก

David Somerfleck แสดงวิดีโอแบบเต็มหน้าจอหลังโอเวอร์เลย์สีน้ำเงินพร้อมปุ่ม CTA สองปุ่ม การเลื่อนจะแสดงไอคอนขนาดใหญ่สี่ไอคอนเป็นการนำทางสำหรับส่วนต่างๆ ของไซต์ ข้อความรับรองจะแสดงด้วยปุ่มสลับและโมดูลรับรอง ข้อมูลประวัติย่อยังแสดงอยู่ภายในปุ่มสลับสำหรับ About, Education และ Extracurricular ซึ่งวางไว้เหนือวิดีโอพื้นหลัง ทักษะจะแสดงอยู่ในแผนภูมิวงกลม ไซต์ใช้การนำทางแบบจุดแทนเมนู บริษัทจะแสดงเป็นไอคอนขนาดใหญ่ และโครงการจะแสดงในแถบเลื่อนโครงการ โปรเจ็กต์ขนาดใหญ่จะปรากฏภายในส่วนสองคอลัมน์ที่ด้านล่างของไซต์เมื่อคุณเลื่อน

ดูเว็บไซต์

เว็บไซต์ที่มีประวัติย่อ

ไซต์เหล่านี้มีประวัติย่อเป็นหน้าเดียวภายในเว็บไซต์

6. อแมนด้า บรูเมล

Amanda Broomell ใช้แถบเลื่อนรูปภาพแบบเต็มหน้าจอเป็นเว็บไซต์ เมนูจะอยู่ที่ด้านล่างของหน้าจอ การคลิกที่รายการเมนูใด ๆ จะเป็นการเปิดข้อมูลนั้นภายในหน้าต่างโมดอล นอกจากนี้ยังมีไอคอน Twitter อยู่ภายในเมนู ซึ่งจะนำคุณไปยังฟีด Twitter ของเธอตามที่คาดไว้ ประวัติย่อแสดงตารางภายในแท็บ แท็บชุดแรกประกอบด้วยโรงละคร การฝึกอบรม ทักษะ และไอคอนสำหรับดาวน์โหลดประวัติย่อ แท็บโรงละครประกอบด้วยแท็บต่างๆ บนโต๊ะสำหรับนิวยอร์กและนานาชาติ รูปภาพยังคงเลื่อนอยู่ในพื้นหลัง

ดูเว็บไซต์

7. รอล์ฟ ลิเยเวิร์ส

Rolph Lieverse แสดงรายการประวัติย่อแต่ละรายการในส่วนต่างๆ โดยใช้โมดูลต่างๆ และติดตามโครงสร้างประวัติย่อ ข้อมูลสรุปจะอยู่ในโมดูลคำรับรอง ประสบการณ์การทำงานถูกนำเสนอภายในโมดูลแท็บโดยใช้แท็บแนวตั้งพร้อมข้อมูลที่แสดงเป็นสัญลักษณ์แสดงหัวข้อย่อย การฝึกอบรมและการรับรองจะถูกนำเสนอในการสลับ ทักษะจะแสดงด้วยแผนภูมิแท่งบนรูปภาพพื้นหลังตามด้วยภาษาภายในแผนภูมิวงกลมบนรูปภาพพื้นหลังที่มีตัวคั่นส่วน งานอดิเรกแสดงอยู่ในสัญลักษณ์แสดงหัวข้อย่อยที่ด้านล่าง

ดูเว็บไซต์

8. Haris Cizmic

Haris Cizmic ใช้ส่วนต่างๆ เพื่อสร้างโครงสร้างเรซูเม่ จะแสดงรางวัลและไอคอนบริษัทที่ด้านหนึ่งพร้อมลิงก์ที่อีกด้านหนึ่ง ต่อไปนี้เป็นบทสรุป ประสบการณ์การทำงานเกี่ยวกับการศึกษาและความสนใจภายในกล่อง และส่วนที่มีเกียรติและรางวัล แต่ละส่วนจะถูกคั่นด้วยกล่องข้อความแบบเต็มความกว้างที่ใช้เป็นส่วนหัวเป็นสีดำและมีข้อความสีขาว ข้อมูลถูกนำเสนอในรายการที่เรียบง่ายแต่สามารถอ่านได้ ไอคอนทับซ้อนกันหลายส่วน

ดูเว็บไซต์

9. Marwan Salfiti

Marwan Salfiti แสดงรายการประวัติย่อภายในหัวข้อย่อยภายใต้ชื่อหัวข้อเป็นสีส้ม ข้อมูลสรุปจะแสดงเป็นแบบอักษรขนาดใหญ่ขึ้นและครอบคลุมพื้นที่ข้อความทั้งหมด ส่วนถัดไปของข้อความจะถูกแบ่งออกเป็นสองคอลัมน์: คอลัมน์ด้านซ้ายแสดงหัวข้อย่อยและคำอธิบายแบบยาวภายในคอลัมน์ 2/3 ในขณะที่คอลัมน์ด้านขวาจะแสดงสัญลักษณ์ย่อยแบบธรรมดาภายในคอลัมน์ 1/3 เรียบง่าย สะอาดตา และอ่านง่าย

ดูเว็บไซต์

10. เคลลี ซันติอาโก

Kellee Santiago เริ่มต้นด้วยหัวข้อเกี่ยวกับรูปภาพและมีปุ่ม CTA สามปุ่มพร้อมสีที่เป็นแบรนด์ ปุ่มจะเชื่อมโยงไปยังโครงการ ประสบการณ์ และแบบฟอร์มการติดต่อ ต่อไปนี้เป็นประวัติย่อโดยย่อที่มีหัวเรื่องเป็นตัวหนาและข้อมูลที่มีลิงก์ในสีแดงที่มีตราสินค้าเดียวกัน ประวัติย่อนั้นสั้น แต่ก็สะอาดและเรียบง่าย และยังคงเก็บข้อมูลเพียงพอที่ผู้มีโอกาสเป็นนายจ้างสามารถตัดสินใจได้

ดูเว็บไซต์

สร้างเว็บไซต์เรซูเม่ของคุณเองด้วย Divi

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

ดูเค้าโครงฟรี

จบความคิด

ไซต์ Divi 10 ไซต์และเลย์เอาต์ฟรี 1 แบบเป็นตัวอย่างที่ดีของเว็บไซต์เรซูเม่ ไม่ว่าคุณจะต้องการแรงบันดาลใจสำหรับเลย์เอาต์ สี แบบอักษร รูปภาพ ข้อมูลติดต่อ ประเภทของข้อมูลที่จะรวม วิธีนำเสนอประวัติย่อ การนำทาง เอฟเฟกต์ ฯลฯ จะต้องมีบางสิ่งที่จะช่วยคุณในการออกแบบ Divi ครั้งต่อไปของคุณ ประวัติเว็บไซต์

เราต้องการได้ยินจากคุณ งานออกแบบใดต่อไปนี้ที่คุณชอบที่สุด? แจ้งให้เราทราบในความคิดเห็น.

ภาพเด่นผ่าน hvostik / shutterstock.com