5 วิธีในการใช้ Weston เพื่อสร้าง Portfolio Site
เผยแพร่แล้ว: 2018-05-08ไซต์พอร์ตโฟลิโอเป็นองค์ประกอบที่สำคัญของธุรกิจอิสระหรือเอเจนซี่โฆษณาทุกคน นำเสนอวิธีแสดงแกลเลอรีผลงานที่ดีที่สุดของคุณ เพื่อให้คุณสามารถใช้ประโยชน์จากการตลาดออนไลน์และดึงดูดลูกค้าจากทั่วทุกมุมโลก นอกจากนี้ยังสามารถทำหน้าที่เป็นเรซูเม่แบบโต้ตอบโดยช่วยให้คุณสามารถระบุทักษะที่ดีที่สุด การศึกษา ประสบการณ์ที่ผ่านมา คำรับรอง และแบบฟอร์มการติดต่อเพื่อดึงดูดลูกค้าใหม่
นี่ไม่ใช่โพสต์เกี่ยวกับวิธีสร้างไซต์พอร์ตโฟลิโอหรือแม้แต่ว่าจะเพิ่มอะไรเข้าไปหรือจะปรับปรุงการออกแบบพอร์ตโฟลิโอของคุณอย่างไร ดังนั้นฉันจะเปลี่ยนเกียร์และเปลี่ยนโฟกัสไปที่เวสตันอย่างรวดเร็ว ซึ่งเป็นหนึ่งในอุปกรณ์อเนกประสงค์ชั้นนำของเรา ธีมที่นี่ที่ ThemeTrust มีข้อดีมากมายในการใช้ธีมอเนกประสงค์แทนธีมอื่น โดยเฉพาะอย่างยิ่งหากคุณเป็นนักพัฒนาซอฟต์แวร์ เมื่อพูดถึงไซต์พอร์ตโฟลิโอและเวสตัน ข้อได้เปรียบนั้นมาในรูปแบบของความสามารถในการสร้างไซต์พอร์ตโฟลิโอที่หลากหลายด้วยธีมเดียว
ประเภทของ Portfolio Sites
เพื่อให้เข้าใจถึงประโยชน์ของการสร้างไซต์พอร์ตโฟลิโอประเภทต่างๆ คุณจำเป็นต้องเข้าใจประเภทของไซต์พอร์ตโฟลิโอที่มีอยู่ สำหรับผู้เริ่มต้น คนสองกลุ่มที่ต้องการเว็บไซต์ประเภทนี้โดยทั่วไปคือฟรีแลนซ์และบริษัทที่สร้างสรรค์และให้บริการบางประเภท เช่น เอเจนซี่โฆษณา จากที่กล่าวมา สิ่งที่คุณพบได้ทั่วไปในเว็บไซต์พอร์ตโฟลิโอ ได้แก่ การถ่ายภาพ การออกแบบ การพัฒนาเว็บไซต์ และงานศิลปะทุกรูปแบบ
ในทางเทคนิค ธุรกิจที่ให้บริการสามารถสร้างเว็บไซต์พอร์ตโฟลิโอได้ อย่างไรก็ตาม เนื่องจากพอร์ตโฟลิโอมักใช้รูปภาพสำหรับการออกแบบ เว็บไซต์ประเภทนี้จึงพบได้บ่อยในหมู่นักแปลอิสระและบริษัทที่สร้างผลงานด้านภาพ
ส่วนของ Portfolio Site
เรามาดูองค์ประกอบของเว็บไซต์พอร์ตโฟลิโอกันอย่างรวดเร็วก่อนที่เราจะเข้าสู่ส่วนเวสตันในเรื่องนี้ทั้งหมด มีพอร์ตโฟลิโอให้มา ดังนั้นฉันจะไม่กล่าวถึงเรื่องนี้ ฉันจะเริ่มต้นด้วยการบอกคุณว่าไซต์ของคุณต้องมีเป้าหมาย คุณต้องการให้ผู้มีโอกาสเป็นลูกค้าติดต่อคุณเพื่อค้นหาใบเสนอราคาหรือไม่? คุณต้องการใช้เว็บไซต์ของคุณเป็นประวัติย่อและได้งานที่เอเจนซี่ที่ยอดเยี่ยมหรือไม่? คุณต้องการให้ผู้มีโอกาสเป็นลูกค้าสมัครแผนหรือไม่? สิ่งเหล่านี้มีผลต่อลักษณะที่หน้าแรกของคุณจะปรากฏ
เพื่อกระตุ้นให้ผู้เยี่ยมชมดำเนินการเพื่อให้คุณสามารถบรรลุเป้าหมาย ไซต์ของคุณจะต้องมีองค์ประกอบที่แตกต่างกันสองสามอย่าง ซึ่งส่วนใหญ่เกี่ยวข้องกับการเรียกร้องให้ดำเนินการในหน้าแรกและแบบฟอร์มการติดต่อที่ใดที่หนึ่งบนไซต์ของคุณ หากคุณต้องการสมัครรับข้อมูลเพิ่มเติม คุณจะต้องมีตารางราคาด้วย
มีองค์ประกอบเพิ่มเติมสองสามอย่างที่คุณสามารถเพิ่มลงในหน้าแรกเพื่อช่วยให้ผู้เยี่ยมชมตัดสินใจได้ ซึ่งรวมถึงแถวที่คุณสามารถแสดงรายการบริการของคุณ คำรับรองสำหรับหลักฐานทางสังคม โมดูลโลโก้ที่คุณสามารถใช้เพื่อแสดงตำแหน่งงานของคุณ และแถวหรือตัวเลื่อนเพื่อแสดงสมาชิกในทีม หากมี
วิธีที่ Weston ช่วยคุณสร้างไซต์ผลงานที่หลากหลาย
Weston มาพร้อมกับคุณสมบัติมากมายที่ช่วยให้คุณสร้างไซต์พอร์ตโฟลิโอที่ครบครัน มันมาพร้อมกับการสาธิตหน้าแรก 12 รายการที่สามารถติดตั้งได้ด้วยการคลิกปุ่มง่ายๆ สำหรับผู้เริ่มต้น การสาธิตห้ารายการได้รับการออกแบบมาโดยเฉพาะสำหรับพอร์ตการลงทุน พวกเขาทำให้ขั้นตอนการสร้างเว็บไซต์เป็นไปโดยอัตโนมัติโดยอนุญาตให้คุณนำเข้าการออกแบบและเนื้อหาของการสาธิตด้วยการคลิกง่ายๆ สิ่งที่คุณต้องทำคือเปลี่ยนเนื้อหาต้นฉบับสำหรับตัวคุณเอง
Weston ยังมีเค้าโครงพอร์ตโฟลิโอต่อไปนี้ ซึ่งคุณจะเห็นในการสาธิตด้านล่าง:
- ผลงานสี่คอลัมน์
- ผลงานก่ออิฐ Full Width
- ผลงานก่ออิฐ
- ผลงานก่ออิฐพร้อมโหลดเพิ่มเติม
คุณยังสามารถเพิ่มหมวดหมู่ให้กับพอร์ตการลงทุนของคุณได้ มีสี่เลย์เอาต์สำหรับรายการพอร์ตโฟลิโอเดียวและอีกเลย์เอาต์สำหรับเลย์เอาต์แบบกำหนดเอง
ธีมของเรายังมี Visual Composer ในตัว ในทางเทคนิค ปลั๊กอินนี้รู้จักกันในชื่อ WPBakery Page Builder สำหรับ WordPress นั่นคือมูลค่า $45 ที่ให้บริการฟรี ปลั๊กอินนี้ช่วยให้คุณสามารถออกแบบหน้าเว็บของคุณเองและเพิ่มองค์ประกอบใด ๆ ที่คุณต้องการในหน้าแรกของคุณ
การผสานรวมกับ Google Fonts ช่วยให้คุณสามารถเพิ่มประสิทธิภาพทุกส่วนของการออกแบบโดยทดลองกับรูปลักษณ์ของแบบอักษรหลายแบบ นอกจากนี้ยังเข้ากันได้กับ WPForms ซึ่งเป็นตัวสร้างแบบฟอร์มแบบลากแล้ววางที่จะช่วยคุณออกแบบแบบฟอร์มการติดต่อของคุณเอง สุดท้ายนี้ โมดูล Google Maps ช่วยให้คุณสามารถระบุเส้นทางไปยังสถานที่ธุรกิจของคุณ หากคุณให้บริการแบบออฟไลน์
หากคุณต้องการดูคุณลักษณะและการสาธิตทั้งหมดของ Weston โปรดไปที่หน้าการขายสำหรับธีมนี้
เยือนเวสตัน
อย่างที่ฉันพูด ชุดรูปแบบนี้มาพร้อมกับการสาธิตหน้าแรกห้ารายการสำหรับพอร์ตโฟลิโอ ดังนั้นโดยไม่ต้องกังวลใจอีกต่อไป ต่อไปนี้เป็นห้าวิธีในการใช้ Weston เพื่อสร้างเว็บไซต์พอร์ตโฟลิโอ
01. การสาธิตหน่วยงานสร้างสรรค์
Creative Agency ได้รับการปรับให้เหมาะสมสำหรับธุรกิจที่สร้างสรรค์ แต่การสาธิตนี้สามารถใช้งานได้ง่ายโดยนักแปลอิสระตามวิธีการจัดโครงสร้าง เป้าหมายหลักที่หน้า Landing Page นี้ออกแบบมาเพื่อคือการเรียกร้องให้ดำเนินการ ซึ่งคุณสามารถดูได้ที่ด้านบนสุดของการสาธิต เมื่อพูดถึงไซต์พอร์ตโฟลิโอ ควรใช้ "จ้างฉัน" (ฟรีแลนซ์) หรือ "จ้างเรา" (บริษัท) เป็นคำกระตุ้นการตัดสินใจและให้ปุ่มนำไปยังหน้าติดต่อของคุณ คุณยังสามารถใช้ “ขอใบเสนอราคา” หรือ “ติดต่อเรา” เป็นทางเลือกอื่นได้
หากคุณเสนอแผนการสมัครสมาชิกหรือข้อเสนอแบบแพ็คเกจล่วงหน้าประเภทอื่นๆ ที่ลูกค้าสามารถซื้อได้ คุณสามารถใช้ “ดูแผน” “สมัครรับข้อมูล” หรือ “ซื้อเลย” เพื่อนำไปสู่หน้าการขายของคุณ คุณยังสามารถใช้บางอย่างควบคู่ไปกับ "คุณลักษณะ" เพื่อนำไปสู่หน้าคุณลักษณะก่อนที่คุณจะนำไปสู่หน้าการขายของคุณ
การสาธิตนี้ใช้เลย์เอาต์ Masonry Portfolio ซึ่งบรรจุพอร์ตโฟลิโอไว้ หากคุณดูเหนือพอร์ตโฟลิโอ คุณจะเห็นแถบเลื่อนสำหรับโลโก้ คุณสามารถใช้สิ่งนี้เพื่อแสดงลูกค้าที่คุณเคยทำงานด้วยหรือเพื่อแสดงสถานที่เด่นสองสามแห่งในงานของคุณ องค์ประกอบเพิ่มเติมสองอย่างที่ต้องพิจารณาคือแถวของบริการ ซึ่งคุณสามารถใช้เพื่อแสดงบริการหรือทักษะของคุณ และ แถบเลื่อนสำหรับคำรับรอง
ดูการสาธิตเอเจนซี่โฆษณา
02. สตูดิโอสาธิต

การสาธิตนี้คล้ายกับการสาธิตของ Creative Agency อย่างมาก ดังนั้นฉันจะไม่ลงรายละเอียดเกี่ยวกับมัน มันใช้สไตล์ที่แตกต่างจากตัวอย่างก่อนหน้ามากหรือน้อย แต่ช่วยให้คุณสามารถแสดงองค์ประกอบเดียวกันได้ องค์ประกอบเดียวที่สาธิตนี้ทิ้งไว้คือข้อความรับรองและองค์ประกอบโพสต์ล่าสุด นอกจากนั้น คุณยังสามารถใช้คำกระตุ้นการตัดสินใจ ยังคงแสดงลูกค้าที่คุณเคยทำงานด้วย ยังคงแสดงผลงานของคุณ และยังคงแสดงบริการของคุณ
อย่างไรก็ตาม การสาธิตนี้ใช้เลย์เอาต์ Masonry Portfolio Full Width และมีองค์ประกอบที่คุณสามารถใช้เพื่อสรุปธุรกิจของคุณเป็นตัวเลข
ดูสตูดิโอสาธิต
03. การสาธิตฟรีแลนซ์
Freelancer เป็นการสาธิตอย่างง่ายที่ออกแบบมาสำหรับนักแปลอิสระที่มีความคิดสร้างสรรค์ ไม่มีคำกระตุ้นการตัดสินใจเฉพาะ แต่มีองค์ประกอบเพียงพอสำหรับคุณในการแสดงทักษะ ประสบการณ์ และความเชี่ยวชาญของคุณ เริ่มต้นที่ส่วนหัวซึ่งคุณสามารถระบุทักษะหรือบริการระดับบนสุดของคุณได้ ใช้เลย์เอาต์ Four Column Portfolio หลังจากนั้น คุณยังสามารถให้ภาพรวมของธุรกิจของคุณเป็นตัวเลข แบ่งปันความเชี่ยวชาญของคุณโดยแสดงโพสต์บล็อกล่าสุดของคุณ และแสดงหลักฐานทางสังคมด้วยแถบเลื่อนคำรับรองจากลูกค้าในอดีต
ดู Freelancer สาธิต
04. การสาธิตผลงานขั้นต่ำ
การสาธิตนี้ไม่ได้กำหนดเป้าหมายไปยังธุรกิจประเภทใดโดยเฉพาะ ฟรีแลนซ์และบริษัทต่างๆ สามารถใช้ได้ จุดประสงค์ของการสาธิตนี้คือการยกเลิกรายละเอียดที่ไม่จำเป็น และรวมเฉพาะรายละเอียดที่มีอิทธิพลอย่างมากต่อการที่ผู้มีโอกาสเป็นลูกค้าจะติดต่อคุณหรือโต้ตอบกับการเรียกร้องให้ดำเนินการของคุณ
คุณสามารถเห็นสิ่งนี้ได้ในวิธีที่คำกระตุ้นการตัดสินใจอยู่ที่ด้านล่างของหน้า โดยทั่วไป ขอแนะนำให้วางคำกระตุ้นการตัดสินใจที่ด้านบนของหน้า นี่เป็นกรมธรรม์ประกันภัยง่ายๆ เนื่องจากไม่มีการรับประกันว่าผู้เข้าชมส่วนใหญ่จะไปถึงส่วนท้ายของเว็บไซต์ของคุณ ด้วยการวางคำกระตุ้นการตัดสินใจที่ด้านล่างสุดและใช้เลย์เอาต์แบบมินิมอล คุณสามารถหลอกล่อลูกค้าด้วยงานและทักษะ/บริการของคุณ และกระตุ้นการตัดสินใจด้วยคำกระตุ้นการตัดสินใจของคุณ
ดูการสาธิตผลงานขั้นต่ำ
05. การสาธิตการถ่ายภาพขั้นต่ำ
นี่คือตัวอย่างผลงานเฉพาะของ Weston มีกลุ่มเป้าหมายเป็นช่างภาพ แต่นักออกแบบกราฟิกและศิลปินคนอื่นๆ ก็สามารถใช้งานได้ง่ายเช่นกัน ใช้พื้นหลังสีดำและข้อความสีขาวที่เสริมภาพขาวดำที่ใช้ในแฟ้มผลงานได้อย่างสวยงาม การสาธิตนี้ใช้เลย์เอาต์ของงานก่ออิฐชนิดบรรจุกล่อง องค์ประกอบอื่น ๆ เท่านั้นที่ใช้คือสโลแกนและคำกระตุ้นการตัดสินใจ นี่เป็นความเรียบง่ายสำหรับ T ซึ่งเป็นสาเหตุที่การสาธิตนี้ทำงานได้ดีที่สุดเมื่อใช้โดยฟรีแลนซ์และบริษัทที่สร้างงานภาพที่สวยงามหรือน่าทึ่งมากพอที่จะยืนได้ด้วยตัวเองโดยไม่ต้องมีองค์ประกอบเพิ่มเติมเพื่อดึงดูดผู้มีโอกาสเป็นลูกค้า
ดูการสาธิตการถ่ายภาพขั้นต่ำ
เค้าโครงโครงการเดียว
ฉันพูดถึงสิ่งเหล่านี้ก่อนหน้านี้ แต่ฉันต้องการขยายความเล็กน้อย คงจะดีมากถ้ามันเพียงพอที่จะแสดงผลงานที่ดีที่สุดของคุณบนหน้าแรกของคุณเพื่อดึงดูดลูกค้าใหม่เข้ามา อย่างไรก็ตาม ลูกค้าส่วนใหญ่ต้องการทราบว่าคุณให้บริการอะไรบ้าง เฉพาะกลุ่มที่คุณทำงาน ทักษะของคุณ และ แน่นอน ประสบการณ์ของคุณ
นั่นคือสิ่งที่เลย์เอาต์โครงการเดียวมีประโยชน์ ช่วยให้คุณสามารถเน้นโครงการเฉพาะเพื่อให้ผู้มีโอกาสเป็นลูกค้าได้รับความเข้าใจที่ดีขึ้นเกี่ยวกับวิธีการทำงานของคุณและผลลัพธ์ที่คุณสามารถช่วยให้พวกเขาบรรลุได้ คุณสามารถแสดงภาพโครงการมากขึ้นเพื่อแสดงผลลัพธ์ที่ดีขึ้นเล็กน้อย และลงรายละเอียดเกี่ยวกับงานที่คุณได้รับ สิ่งที่คุณทำเพื่อให้งานนั้นสำเร็จ ปัญหาใดๆ ที่คุณพบและวิธีจัดการกับมัน และอื่นๆ
ดังที่ฉันได้กล่าวไว้ก่อนหน้านี้ Weston มาพร้อมกับเค้าโครงโครงการเดียวสี่รูปแบบ และอีกรูปแบบหนึ่งที่คุณสามารถใช้สร้างเค้าโครงแบบกำหนดเองได้ นี่คือเลย์เอาต์ Split Text และ Image Gallery:
ต่อไปนี้คือตัวอย่างสำหรับเลย์เอาต์อื่นๆ:
- เค้าโครงที่กำหนดเอง
- ภาพซ้อน
- ม้าหมุนเต็มความกว้าง
- พื้นหลังวิดีโอ
แต่ละเลย์เอาต์ บันทึกสำหรับเลย์เอาต์แบบกำหนดเอง ช่วยให้คุณใช้องค์ประกอบเดียวกันได้หลายวิธี ซึ่งรวมถึงการใช้ภาพหลักเพื่อแสดงถึงโครงการของคุณ และการแชร์ภาพเพิ่มเติมในขนาดที่เล็กกว่า นอกจากนี้ยังรวมถึงการแบ่งปันรายละเอียดเกี่ยวกับโครงการในรูปแบบย่อหน้า คุณยังสามารถให้ภาพรวมโดยย่อของลูกค้าที่คุณทำโปรเจ็กต์ให้เสร็จสิ้น ประเภทบริการที่คุณเสนอ และปีที่คุณทำโปรเจ็กต์เสร็จ
สุดท้ายนี้ หากคุณดูที่ด้านล่างของภาพหน้าจอ คุณจะเห็นว่ามีฟังก์ชัน "ถัดไป" และ "ก่อนหน้า" ที่ช่วยให้ผู้เยี่ยมชมเลื่อนดูผลงานของคุณได้อย่างง่ายดาย
ความคิดสุดท้าย
การสร้างเว็บไซต์พอร์ตโฟลิโอ ไม่ว่าจะเป็นของคุณเองหรือของลูกค้า อาจดูยากเพราะเป็นรูปแบบเว็บไซต์ธุรกิจที่ไม่เหมือนใครและไม่ธรรมดา แต่ก็ไม่จำเป็นต้องเป็นอย่างนั้น หากคุณใช้การสาธิตที่จัดเตรียมโดยธีมอเนกประสงค์ เช่น Weston สิ่งที่คุณต้องทำทั้งหมดคือกังวลเกี่ยวกับการตัดสินใจเลือกข้อมูลที่คุณต้องการเพิ่มเข้าไป การกังวลเกี่ยวกับการสร้างธีมตั้งแต่เริ่มต้นหรือวุ่นวายกับรายละเอียดที่สลับซับซ้อนนั้นไม่ใช่ปัญหา
เท่าที่ Weston ดำเนินไป นอกจากเว็บไซต์พอร์ตโฟลิโอแล้ว ยังมีการสาธิตหน้าแรกอีกเจ็ดรายการสำหรับธีมนี้รวมถึงการสาธิตอีคอมเมิร์ซหลายรายการ การสาธิตหน้า Landing Page สองสามรายการ และอีกรายการสำหรับงานแต่งงาน
Weston มีจำหน่ายในราคา $58 ราคานี้มาพร้อมกับการสนับสนุนและการอัปเดตหนึ่งปี การสนับสนุนมาในรูปแบบของฟอรัมพิเศษสำหรับลูกค้า คลิกลิงก์ด้านล่างเพื่อเรียนรู้เพิ่มเติมเกี่ยวกับธีมนี้
เยือนเวสตัน | ดูการสาธิต