รูปภาพเว็บไซต์ของคุณบอกเล่าเรื่องราวได้จริงหรือ

เผยแพร่แล้ว: 2016-06-23

วัฒนธรรมองค์กร บุคลิกภาพ และวัตถุประสงค์สามารถคาดการณ์ได้สองวิธี บริษัทนั้นสามารถสร้างเว็บไซต์ที่อธิบายตัวเองได้ และรวมเอารูปภาพที่สะอาด ทันสมัย ​​อาจเป็นรูปถ่ายของสิ่งอำนวยความสะดวก

นอกจากนี้ยังมีรูปภาพที่สวยงามของผลิตภัณฑ์พร้อมคำอธิบายที่ดี หรือไอคอน/ภาพวาดที่เกี่ยวข้องกับบริการ เว็บไซต์อาจดูน่าดึงดูดและอาจนำเสนอภาพองค์กรอย่างตรงไปตรงมา แต่การอุทธรณ์ส่วนบุคคลอยู่ที่ไหน จิตวิญญาณของบริษัทอยู่ที่ไหน? “ใคร” คือบริษัทนี้?

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

รูปภาพ

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

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

  1. กำหนดเรื่องราวที่คุณจะบอก คุณอาจมีเรื่องราวเริ่มต้นบ้าง และอาจมีเรื่องใหม่เป็นระยะๆ แต่ต้องมีเรื่องราวโดยรวมที่บอกว่า “บริษัทของคุณเป็นใคร” มันกระฉับกระเฉง สบาย ๆ มีความสุข ฉุนเฉียว ฯลฯ หรือไม่? เขียนเรื่องราวลงไป แม้ว่ามันอาจจะเกี่ยวข้องกับภารกิจของบริษัท แต่ก็มีอารมณ์และน้ำเสียงบางอย่างเช่นกัน เป็นอารมณ์หรือโทนที่ภาพของคุณต้องจับ หลายบริษัทได้ "พบ" เรื่องราวของพวกเขาและบรรยายได้ดี ในหมู่พวกเขาคือ:
    • ที่คาดผมแห่งความหวัง – มะเร็งในเด็ก
    • Dollar Shave Club – ความสะดวกสบายและความสนุกสนาน
    • รองเท้า Toms – การกุศล
    • ModCloth – ตรวจสอบประเภทร่างกายของผู้หญิงทั้งหมด
    • กระทิงแดง – พลังและความตื่นเต้น
    • GoPro– การผจญภัยและการเสี่ยงภัย

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

องค์ประกอบของเรื่องราว

อย่างที่พวกเราส่วนใหญ่จำได้จากชั้นเรียนภาษาอังกฤษ เรื่องราวทั้งหมดมีคำนำ โครงเรื่อง (ฉากขึ้น ไคลแม็กซ์ ฉากล้ม) และบทสรุป เรื่องราวของแบรนด์สามารถมีองค์ประกอบที่เกี่ยวข้องอย่างคร่าวๆ บนเว็บไซต์ได้เช่นกัน ลองใช้ Dollar Shave Club เป็นตัวอย่าง:

1. ธีม:

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

2. บทนำ – หน้า Landing Page (ครึ่งหน้าบน):

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

Landing Page (Above the fold)
ตัวอย่างหน้า Landing Page จาก dollarhaveclub

3. บทนำ – หน้า Landing Page (ครึ่งหน้าล่าง):

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

Landing Page (Below the fold)

4. การดำเนินการที่เพิ่มขึ้น:

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

Rising Action

5. จุดสุดยอด:

คุณเข้าร่วม ทุกหน้าเปิดโอกาสให้คุณเข้าถึงจุดสำคัญของเรื่องราวได้ตรงจุด คุณเข้าร่วมคลับและเริ่มมีส่วนร่วมในความสะดวกและประหยัดค่าใช้จ่าย

6. โครงเรื่องรอง:

มีแปลงย่อยบางส่วนที่พบในลิงก์ที่ด้านบนของหน้า – ผลิตภัณฑ์ดูแลส่วนบุคคล การสมัครรับข้อมูลเป็นของขวัญ และคำวิจารณ์จากลูกค้า นอกจากนี้ยังมีบล็อกสวย ๆ ชื่อว่า "Bathroom Minutes"

7. การกระทำที่ตกลงมา:

คุณได้รับการต้อนรับในฐานะสมาชิกและบอกว่าคุณจะได้รับการยืนยันทางอีเมลและการแจ้งเตือนเมื่อกล่องแรกของคุณจัดส่ง คุณยังอาจจะแบ่งปันบริษัทนี้และเรื่องราวของบริษัทกับผู้อื่น ทำเสร็จแล้ว.

8. โปรโมตเรื่องราวของคุณ

และเพื่อให้คุณได้ผู้อ่าน/ผู้ชม คุณโปรโมตเรื่องราวของคุณเหมือนกับที่อุตสาหกรรมภาพยนตร์โปรโมตการตวัดใหม่ล่าสุด คุณเท่านั้นที่ทำมันในบัญชีโซเชียลมีเดียของคุณ และคุณทำให้ “รถพ่วง” เหล่านั้นสอดคล้องกับอารมณ์และเรื่องราวบนเว็บไซต์ของคุณ

ประโยชน์ของการเล่าเรื่อง

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

การใช้ภาพเพื่อบอกเล่าเรื่องราวเหล่านี้น่าดึงดูดใจมากกว่าคำพูด สิ่งเหล่านี้อาจมีประสิทธิภาพหากใช้สี การออกแบบตัวอักษร รูปภาพ และพื้นหลังที่เหมาะสม ปัจจัยสองประการที่ผู้สร้างภาพต้องคำนึงถึงในการเล่าเรื่อง:

1. ความถูกต้อง

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

Authenticity

2. เกี่ยวข้องกับเวลาและประชากร

สิ่งที่เกี่ยวข้องกับพันปี? แล้วสำหรับผู้สูงอายุล่ะ? มีความเกี่ยวข้องทางวัฒนธรรมสำหรับกลุ่มเป้าหมายของคุณและภาพต้องสะท้อนถึงสิ่งนั้น ตัวอย่างเช่น ผู้สูงอายุมีความกระฉับกระเฉงมากกว่าเมื่อ 20 ปีที่แล้วมาก ความหลากหลายและความครอบคลุมเป็นสิ่งสำคัญสำหรับ Gen X, Y และ Z และพวกเขาต้องการความเกี่ยวข้องทางสังคม พวกเขายังต้องการความรับผิดชอบต่อสิ่งแวดล้อม Cheerios ตอบสนองด้วยภาพความหลากหลายทางเชื้อชาติของครอบครัวและโครงการผึ้ง สิ่งนี้ปรากฏบนหน้า Landing Page

Relevant for the Times and the Demographic

เคล็ดลับสำหรับการออกแบบการเล่าเรื่องด้วยภาพ

“รูปลักษณ์” ของเรื่องราวต้องเกี่ยวข้องกับธีมและโทนของบริษัท ควรบอกอย่างเรียบง่ายและชัดเจนโดยไม่ต้องมีแสงแวววาวและเกะกะมากมาย หากเป็นวิดีโอ ก็ไม่ควรมีผลเสียสมาธิ เมื่อคำนึงถึงสิ่งนี้ ต่อไปนี้คือเคล็ดลับ 5 ข้อสำหรับการออกแบบภาพ

1. รูปภาพควรหนาและใหญ่

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

Headbands of Hope เป็นบริษัทที่เริ่มต้นด้วยแนวคิดเล็กๆ น้อยๆ ที่เติบโตจนเป็นบริษัทขนาดใหญ่ที่แสวงหาผลกำไรซึ่งมุ่งเน้นที่สาเหตุของมะเร็งในเด็ก ที่คาดผมทุกอันที่ซื้อ จะมอบให้กับเด็กหญิงตัวเล็ก ๆ ที่เป็นมะเร็ง และ 1 ดอลลาร์จะบริจาคให้กับการวิจัยมะเร็งเด็ก เรื่องนี้น่าสนใจ ภาพหรือฉุนเฉียว, แท้จริง, และยังมองโลกในแง่ดี. การซื้อสินค้าบางอย่างจากร้านนี้เป็นเรื่องยากมาก

Images Should Be Bold and Large

2. ตัวอักษรขนาดใหญ่พร้อมคำไม่กี่คำ

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

GoPro เป็นบริษัทที่ผลิตกล้องที่สวมใส่ได้สำหรับนักผจญภัยที่เล่นกีฬาผาดโผนและต้องการถ่ายหรือบันทึกประสบการณ์และชัยชนะ หลังจากการสตาร์ทอัพที่ล้มเหลวสองสามครั้ง ในที่สุด Nick Woodman ก็ตัดสินใจที่จะมุ่งเน้นไปที่ความหลงใหลของเขา – กีฬาผาดโผน เขากำลังท่อง เขาพัฒนากล้องที่สวมใส่ได้เครื่องแรกของเขาเพื่อที่เขาจะได้ถ่ายตัวเองแบบแฮนด์ฟรี วันนี้ตอนอายุ 36 เขาเป็นมหาเศรษฐี ไซต์ GoPro ไม่เกะกะรูปภาพ แต่จะเผยแพร่รูปภาพและวิดีโอที่ลูกค้าส่งมา นี่คือตัวอย่างของลูกค้าที่โดดเด่น โปรดทราบว่าคำบรรยายที่ติดหูจะอยู่ที่ด้านล่างสุดของวิดีโอ

Large Typography with Few Words

3. สีต้องเข้ากับอารมณ์

สีที่ Headbands of Hope ซึ่งมีจุดประสงค์เพื่อทำให้เด็กหญิงตัวเล็ก ๆ รู้สึกเป็นผู้หญิงหลังจากที่พวกเขาสูญเสียผมไปเพื่อรักษามะเร็งจะเป็นสีพาสเทล "ผู้หญิง" ในทางกลับกัน Red Bull จะใช้สีที่สอดคล้องกับธีมของพลังงานและความตื่นเต้น

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

Red Bull ไม่ค่อยละเอียดนักเกี่ยวกับเรื่องราวของมัน เรื่องราวของบริษัทนี้ได้รับการบอกเล่าจากภาพถ่ายของงานต่างๆ ที่ได้รับการสนับสนุนตลอดหลายปีที่ผ่านมา นี่คือวิธีที่ผู้เยี่ยมชมได้รับเชิญให้พิจารณาอย่างใกล้ชิด:

Colors Must Match the Mood

สีสำหรับ Red Bull คือสีหลัก – แดง น้ำเงิน และเหลือง – และปรากฏบนทุกหน้าของเว็บไซต์

นี่คืออินโฟกราฟิกที่จะให้การตอบสนองทางอารมณ์ของสี

Colors Must Match the Mood

เป็นเรื่องง่ายที่จะเห็นว่าทำไม Red Bull เลือกสีที่มันทำ และไซต์อย่าง Rolex เลือกเฉดสีดำและสีเทา

4. การเลื่อนภาพ

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

Image Scrolling

มีตัวเลือกมากมายในการเลื่อน เช่น หนังสือพลิกหรือสตอรีบอร์ด และอาจเป็นแบบเรียบง่ายหรือซับซ้อนก็ได้ตามต้องการ

5. วิดีโอ

ไม่จำเป็นต้องมีคำอธิบายที่นี่ เห็นได้ชัดว่าวิดีโอเป็นหนึ่งในตัวเลือกที่ดีที่สุดสำหรับการเล่าเรื่อง และสามารถฝังไว้ในที่ต่างๆ ได้มากมาย Dollar Shave Club มีวิดีโออธิบายไว้บนหน้า Landing Page และมีให้บริการผ่านแพลตฟอร์มโซเชียลมีเดียด้วย แน่นอนว่ามันได้ผล – มากกว่า 22 ล้านวิวและเพิ่มขึ้นเรื่อยๆ

บทสรุป

การเล่าเรื่องเป็นการปรับเปลี่ยนในแบบของคุณของบริษัท/องค์กร การใช้ภาพเพื่อบอกเล่าเรื่องราวมีผลกระทบอย่างมากต่อผู้เข้าชม หากพวกเขาทำได้ดีและมีองค์ประกอบทั้งหมดของเรื่องราว

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