วิธีสร้างภาพฮีโร่ที่สวยงาม (และโน้มน้าวใจ) สำหรับร้านค้าออนไลน์ของคุณ

เผยแพร่แล้ว: 2015-01-06

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

รูปภาพเหล่านี้มักถูกเรียกว่ารูปภาพฮีโร่ แบนเนอร์ หรือภาพหมุน ไม่ว่าคุณจะเรียกว่าอะไร สิ่งเหล่านี้เหมือนกันและมีบทบาทสำคัญมากสำหรับธุรกิจออนไลน์

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

มาเจาะลึกกัน

รายการเรื่องรออ่านฟรี: เคล็ดลับการออกแบบร้านค้าออนไลน์

รูปลักษณ์ของร้านค้าออนไลน์ของคุณสามารถส่งผลกระทบอย่างมากต่อยอดขาย ปลดปล่อยนักออกแบบในตัวคุณด้วยรายการบทความที่มีผลกระทบสูงฟรีของเรา

ที่ตั้ง ที่ตั้ง ที่ตั้ง.

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

รูปภาพขนาดใหญ่เหล่านี้มีอยู่ทุกหนทุกแห่ง ลองดูที่ธีมยอดนิยมบางส่วนใน Shopify Theme Store ส่วนใหญ่มีภาพลักษณ์ของฮีโร่ที่โดดเด่น:

จุดประสงค์ของอิมเมจฮีโร่

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

1. เพื่อช่วยสร้างแบรนด์และบอกเล่าเรื่องราวของคุณ

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

2. เพื่อตอบคำถามลูกค้า

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

3. เพื่อเน้นคุณค่าของคุณ

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

4. ในการประกาศ

การใช้งานที่โดดเด่นที่สุดอย่างหนึ่งของพื้นที่สำคัญนี้คือการแสดงประกาศเช่นการขาย รูปภาพฮีโร่ของหน้าแรกเป็นที่ที่ดีสำหรับการแจ้งเตือนการขาย เนื่องจากจะมีผู้เข้าชมมากที่สุด

5. เพื่อนำเสนอผลิตภัณฑ์หรือสายผลิตภัณฑ์

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

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

ภาพฮีโร่ควรมีอะไรบ้าง?

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

ลองมาดูองค์ประกอบสำคัญสามประการด้านล่าง:

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

คุณควรหมุนภาพฮีโร่ของคุณหรือไม่?

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

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

โพสต์ดังกล่าวอ้างอิงงานวิจัยชิ้นหนึ่งโดยมหาวิทยาลัยนอเทรอดาม แสดงให้เห็นว่าภาพแรกจากห้าภาพได้รับ 84% ของการคลิกทั้งหมด

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

หากคุณต้องการใช้รูปภาพฮีโร่แบบหมุนได้สำหรับร้านค้าของคุณ ให้พิจารณาสิ่งต่อไปนี้:

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

วิธีสร้างภาพฮีโร่สำหรับร้านค้าออนไลน์ของคุณ

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

จะหารูปภาพได้จากที่ไหน:

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

ไม่มีค่าใช้จ่าย ทรัพยากรรูปภาพปลอดค่าลิขสิทธิ์

Burst by Shopify - (ฟรี) นี่คือแพลตฟอร์มรูปภาพใหม่ล่าสุดสำหรับผู้ประกอบการ คุณสามารถค้นหาภาพถ่ายผลิตภัณฑ์ความละเอียดสูงและภาพไลฟ์สไตล์ที่เหมาะสำหรับแคมเปญการตลาดและโซเชียลมีเดีย มีการเพิ่มรูปภาพใหม่หลายร้อยภาพทุกสัปดาห์ ดังนั้น โปรดกลับมาตรวจสอบบ่อยๆ หากยังไม่มีการเพิ่มเฉพาะกลุ่มของคุณ

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

Death To Stock Photo (ฟรี) รูปภาพฟรีเหล่านี้ใช้ได้เฉพาะทางอีเมลเท่านั้น เนื่องจากรูปภาพเหล่านี้ส่งถึงคุณทางอีเมลเดือนละครั้ง จึงเป็นวิธีที่ดีในการเริ่มสร้างคอลเล็กชันรูปภาพที่ไม่เหมือนใครซึ่งคุณสามารถใช้ในอนาคตได้

Pixabay - (ฟรี) ภาพถ่าย เวกเตอร์ และภาพประกอบศิลปะฟรีกว่า 400,000 ภาพ

Graphic Burger - (ฟรี) แหล่งข้อมูลที่ยอดเยี่ยมพร้อมรูปถ่ายและรูปภาพฟรีสำหรับใช้ในเชิงพาณิชย์

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

morgueFile - (ฟรี) morgueFile มีมานานแล้วและมีภาพถ่ายสต็อกฟรีหลายพันรายการที่สามารถค้นหาได้

ทรัพยากรรูปภาพที่ต้องชำระเงิน

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

Creative Market - (ชำระเงิน) หนึ่งในตลาดซื้อขายรูปภาพและกราฟิกที่ดีที่สุด มาตรฐานคุณภาพสูงที่นี่และราคาสมเหตุสมผล

500px Prime - (ชำระเงินแล้ว) แหล่งข้อมูลที่น่าทึ่งสำหรับภาพถ่ายระดับไฮเอนด์ สวยงาม และไม่ซ้ำใครจากช่างภาพจากทั่วทุกมุมโลก

Dollar Photo Club - (จ่าย) เพียง $1 ต่อภาพและภาพถ่ายพรีเมียมที่คัดสรรมาอย่างดี

Stocksy - (จ่ายแล้ว) แหล่งข้อมูลที่ยอดเยี่ยมอีกแหล่งของรูปภาพที่ได้รับการดูแลจัดการจากช่างภาพที่ดูแลจัดการอย่างดี รูปภาพมีตั้งแต่ 10 ดอลลาร์สำหรับรูปภาพขนาดเล็ก 25 ดอลลาร์สำหรับรูปภาพขนาดกลาง และ 50 ดอลลาร์สำหรับรูปภาพขนาดใหญ่

แน่นอน ภาพถ่ายสต็อกจะเป็นแบบนั้นเสมอ ภาพสต็อก หากคุณมีเวลาและอาจมีงบประมาณมากกว่านี้ ให้ลองถ่ายภาพฮีโร่ของคุณเองอย่าง Amos Brand

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

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

วิธีรวบรวมภาพฮีโร่:

Adobe Photoshop ($9.99/เดือน) เป็นโปรแกรมที่เลือกใช้ในหมู่ศิลปินและช่างภาพกราฟิกดีไซน์ อย่างไรก็ตาม มีราคาที่ค่อนข้างสูงชันและมีช่วงการเรียนรู้ที่ค่อนข้างใหญ่ ข่าวดีก็คือมีทางเลือกมากมายที่เป็นมิตรกับผู้ใช้และฟรีมากกว่า

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

Pixelmator - (แอป OSX $ 29.99) Pixelmator เป็นโปรแกรมแก้ไขรูปภาพที่มีคุณสมบัติครบถ้วนและทรงพลังสำหรับ OS X ในราคา $29.99

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

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

บทสรุป

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

บอกเราในความคิดเห็นหากเราพลาดแหล่งข้อมูลที่ยอดเยี่ยมสำหรับการรวบรวมภาพฮีโร่ที่ยอดเยี่ยม