클릭 전후 단계에서 찾을 수 있는 최고의 시각적 광고 기법

라디오 쇼와 팟캐스트 외에 우리가 소비하는 광고는 매우 시각적입니다. 광고주에게는 양날의 검입니다.

사람들이 주로 시각적 광고 캠페인을 소비한다는 것을 알고 있으며 이것이 훌륭한 출발점을 제공합니다.

동시에 광고는 눈에 띄는 것입니다. 경쟁이 치열한 상황에서 광고의 시각적 요소를 효과적으로 사용하여 클릭 연결을 얻는 방법은 무엇입니까? 그런 다음 클릭 후 방문 페이지에서 전환하는 데 어떻게 사용합니까?

시각적 광고 기술 및 예

광고에 시각 자료 사용

이미지, 비디오, 텍스트 및 웹 디자인은 훌륭한 시각적 광고 캠페인을 위한 레시피의 일부입니다. 그러나 각각을 사용해야 하는 경우가 있고, 한 가지 형태가 뛰어나지만 다른 형태는 실패할 수 있는 곳이 있습니다. 다음은 시각적 광고 캠페인에서 이를 사용하는 방법에 대한 몇 가지 전략과 기술을 예제와 함께 제공합니다.

이미지

지금까지 이미지는 광고에서 가장 많이 사용되는 시각 자료입니다. 만들기 쉽고 소비하기 쉬우며 올바른 디자인과 전략을 사용하면 관심을 훔치고 눈 깜짝할 사이에 가치 제안을 전달할 수 있습니다. 시각적 광고 캠페인에서 이를 사용하는 몇 가지 방법은 다음과 같습니다.

애프터 사진 보여주기

제안의 이점을 전달할 때 거의 항상 말하는 것보다 보여주는 것이 더 강력합니다. 그때 영웅 이미지가 등장합니다.

히어로 이미지는 "이후" 사진으로 간주할 수 있는 이미지의 특정 클래스입니다. 마찬가지로 제안을 받은 후 방문자의 삶은 어떤 모습입니까?

당신의 제품이 시간을 절약한다면, 히어로 샷은 그들이 절약한 시간으로 즐거운 일을 하고 있음을 보여줄 수 있습니다. 옷이나 몸단장 서비스를 통해 외모를 개선한다면 광고는 사교 모임에서 잘 차려입고 단정한 인기 있는 사람을 묘사할 수 있습니다.

영웅 이미지는 소비자가 자신을 제품 또는 서비스의 수혜자로 상상하도록 도와줍니다. 그들은 그들 자신의 이야기에서 영웅입니다. 그들은 뽀빠이, 당신은 시금치입니다. 그들은 Clark Kent이고 당신은 전화 부스입니다.

또는 영웅 샷은 제품을 영웅으로 포지셔닝할 수 있습니다. 이 경우, 하루를 절약하는 데 더 직접적으로 관련된 제품을 볼 수 있습니다. 예를 들어 개폐식 차양을 판매합니다. 이것의 장점은 더운 날 직사광선에 굽지 않고 야외에서 즐길 수 있다는 것입니다. 이와 같은 주요 장면에서는 밝은 날 차양 아래에서 야외에서 즐기는 가족이 미소를 지으며 레모네이드를 홀짝이는 모습을 보여줄 수 있습니다. 제품의 영웅적인 행위는 뜨거운 태양으로부터 가족을 구하는 것입니다.

두 영웅 샷 모두 매우 효과적이며 모든 제품 및 서비스에 버전을 사용할 수 있습니다. 다음은 Casper의 또 다른 예입니다.

비포 사진 보여주기

귀하의 제안이 항상 좋은 생각이라면 이점을 강조하면서 때로는 잠재 고객의 고충을 해결하는 것이 훨씬 더 강력할 수 있습니다. 예를 들어 협업 소프트웨어를 사용하십시오.

잠재 고객이 귀하의 제안을 고려하는 이유를 상기시키기 위해 길고 긴 이메일 체인, 쓸데없는 회의, 성가신 전화 태그 게임을 강조하는 것이 효과적일 수 있습니다.

다시 말하지만 이것이 모든 브랜드와 제안에 권장되는 것은 아니지만 때때로 제품 없이 삶의 번거로움을 불러일으키면 잠재 고객을 행동으로 이끌 수 있습니다.

개념을 이해하기 쉽게 만들기

개념의 서면 표현과 달리 아이콘은 그래픽입니다. 광고에서 아이콘은 두 가지 이유로 특히 유용합니다. 첫 번째는 사람들이 긴 마케팅 콘텐츠를 읽는 것을 좋아하지 않는다는 것입니다. 아이콘은 더 쉽게 사용할 수 있도록 긴 텍스트 블록을 나눌 수 있습니다. 다음은 Nectar의 예입니다.

두 번째 이유는 사람들이 텍스트보다 이미지를 더 쉽게 소비할 수 있기 때문입니다. 정사각형을 설명하거나 보여줄 수 있습니다. "모바일 탐색 메뉴"라고 쓰거나 햄버거 아이콘을 보여줄 수 있습니다. "검색 창"이라고 쓰거나 이를 나타내는 돋보기가 있는 버튼을 제공할 수 있습니다.

모든 경우에 이미지를 사용하기가 더 쉽습니다.

그들이 알아야 할 모든 것을 보여주세요

대부분의 사람들은 온라인 탐색을 선호하지만 많은 소비자는 여전히 매장 내 구매를 선호합니다. 여기에는 아주 분명한 이유가 있습니다.

온라인 쇼핑에서는 제품을 느끼고, 입어보고, 시험해 볼 수 없습니다. 그리고 이것은 디지털 광고주를 큰 불이익에 처하게 합니다. 그러나 제품 이미지는 그 문제를 해결할 수 있습니다.

제품 이미지는 보는 사람이 필요한 제품인지 판단하는 데 도움이 되는 제품의 실제 이미지입니다. 가구의 경우 이는 기준점으로 사용하는 사람들을 포함하여 작품의 모든 각도의 이미지를 의미합니다.

비슷한 것이 옷에도 적용됩니다. 옷을 입은 사람들을 모든 각도에서 보여줍니다. 사람이 없는 옷을 보여주세요. 다른 색상을 표시합니다.

이는 견고성 또는 사용 용이성을 입증하기 위해 인터페이스 이미지를 보여줌으로써 소프트웨어에서도 작동할 수 있습니다. 여기에서는 카운터 공간을 최대화하면서 전자 제품을 충전하는 도구인 Socket Shelf에서 작동합니다.

광고 후 클릭 페이지에서 통계에 약간의 컨텍스트 제공

이점이 말한 것보다 더 잘 나타나듯이 통계도 마찬가지입니다. 강력한 숫자가 있는 경우 인포그래픽은 이를 표시하는 데 유용합니다.

인포그래픽은 일상적인 통계를 가져다가 예를 들어 막대 그래프나 파이 차트와 같이 이해하기 쉬운 형태로 표시하여 이해하기 쉽고 소비될 가능성을 높입니다.

또한 제품이나 서비스가 경쟁 제품보다 얼마나 더 효과적인지 입증하는 방식으로 프레임을 구성하는 데 도움이 될 수 있습니다. Five9에서 이 인포그래픽을 가져옵니다.

그들이 당신을 믿을 수 있음을 보여주세요

많은 경우 전환은 제품이나 서비스보다는 신뢰와 더 관련이 있습니다. 잠재 고객이 당신을 신뢰합니까? 배지를 사용하면 그럴 가능성을 높일 수 있습니다.

배지는 방문자가 보다 편안하게 전환할 수 있도록 하는 작고 인식 가능한 이미지입니다. 세 가지 유형이 있습니다.

• 보안 배지: 보안 배지는 잠재 고객의 사이트와 돈이 안전함을 나타내는 배지입니다. 이것은 사이트가 안전하다는 것을 전달하는 작은 자물쇠 아이콘과 같은 기본적인 것일 수도 있고, 방문자가 제품에 만족하지 않을 경우 환불받을 수 있음을 알리는 만족 보증 배지일 수도 있습니다.
• 트러스트 배지: 트러스트 배지는 Better Business Bureau 또는 Google의 인증 파트너 프로그램과 같은 인지도 있는 브랜드의 로고를 통해 비즈니스를 더욱 신뢰할 수 있게 만듭니다. 이를 통해 방문자는 평판이 좋은 회사의 지원을 받고 있음을 알 수 있습니다.
• 권위 배지: 권위 배지는 평판이 좋은 회사의 로고일 수 있다는 점에서 신뢰 배지와 유사합니다. 그러나 BBB의 인증이라기보다는 서비스를 제공하는 클라이언트의 로고와 비슷합니다. 많은 사람들이 Google 광고 파트너가 될 수 있지만 Google에 서비스를 제공했다고 말할 수 있는 사람은 많지 않습니다. 그것이 차이점입니다. 이러한 배지는 "Award-Winner" 또는 "As seen in the New York Times"라고 적힌 배지일 수도 있습니다. 광고 대행사가 고객을 위해 얻은 수익, 서비스를 제공한 고객 또는 사업 기간을 홍보하는 것과 같이 특정 통계를 홍보하는 인포그래픽일 수도 있습니다. 이것들은 모두 권위를 더하고, 다시 전환 가능성을 높입니다. 다음은 Dock & Bay의 예입니다.

동영상

이미지는 주의를 끌고 정보를 신속하게 전달하는 데 유용하지만 비디오는 일부를 수행할 수 있습니다. 모션은 아마도 사용자를 스크롤에서 벗어나게 하는 가장 좋은 방법일 것이며 짧은 비디오도 훨씬 더 깊이 있는 정보를 전달할 수 있습니다. 다음은 그것을 사용하는 몇 가지 방법입니다.

귀하의 서비스가 귀하가 주장하는 바임을 증명하십시오.

회사가 신생 회사인 경우, 특히 일인자에 의존하는 경우 귀하가 주장하는 바를 수행할 수 있음을 입증할 수 있어야 합니다. 받은 편지함에서 광고를 받을 수 있는 "세계 정상급 카피라이터"의 작문 과정을 생각해 보십시오. 그렇다면 이 작가를 "월드 클래스"로 만드는 것은 무엇입니까?

이것이 소개 비디오가 증명하는 데 도움이 될 수 있는 것입니다.

소개 비디오는 회사가 설립된 이유, 신뢰할 수 있는 이유,
일반적으로 이러한 주제를 하나씩 다루는 고위 회사 직원이 등장합니다. 잘 만들어진 동영상은 잠재 고객이 인지도가 부족함에도 불구하고 뒤에 있는 브랜드를 신뢰할 수 있는 것처럼 느끼게 합니다.

서비스 단순화

신생 기업이나 서비스가 매우 복잡한 기업이 겪고 있는 주요 문제는 모든 것이 어떻게 작동하고 잠재 고객에게 어떤 이점이 있는지 이해하는 데 장벽이 있다는 것입니다.

텍스트로 이러한 문제를 해결하려면 페이지가 필요합니다. 이미지로 해결하는 것은 비실용적입니다. 이것이 설명 동영상이 매우 가치 있는 이유입니다.

이 시각적 광고 기술은 특히 매일 새로운 얼굴이 많이 등장하는 스타트업 영역과 점점 더 복잡해지고 점점 더 복잡해지는 최초의 서비스 분야에서 매우 자주 볼 수 있습니다.

이러한 비디오는 대개 2분 미만이며 누구나 이해할 수 있도록 간단하게 설명되어 있습니다. 단순함을 더하기 위해 비디오의 대본을 수행하는 만화 같은 애니메이션도 포함하는 경우가 많습니다.

가장 유명한 설명 비디오는 출시 후 회사를 위해 $48,000,000를 모금한 Dropbox에서 나온 것입니다.

고객이 광고하도록 유도

광고만큼 강력할 수 있지만 입소문만큼 강력하지는 않습니다. 구매 결정을 내릴 때 대부분의 사람들은 친구와 가족에게 갑니다. 그리고 그것은 그들이 문제에 대해 공정하기 때문입니다. 모든 비즈니스는 그렇지 않더라도 그것이 귀하에게 최고라고 주장할 것입니다. 그러나 당신의 친구와 가족은 당신에게 진실을 말할 것입니다.

이것은 파워 비디오 평가 하네스입니다. 결과에 중점을 두고 고객의 관점에서 특정 고객과 고객의 문제를 해결한 방법에 초점을 맞춘 짧은 비디오입니다.

이것은 이름이 동반된 단순한 스톡 사진처럼 보이는 이미지보다 훨씬 더 믿을 수 있기 때문에 일반 추천보다 훨씬 더 강력합니다.

성공 사례 제공

고객 평가는 놀라운 일이 될 수 있지만 많은 고객은 결과보다 더 많은 것을 알고 싶어합니다. 당신이 한 일을 어떻게 성취했습니까? 귀하의 프로세스는 어떻습니까? 문제를 해결하기 위해 어떤 방법을 사용했습니까?

이것은 비디오 사례 연구가 해결할 수 있는 것입니다. 동영상 사례 연구는 특정 고객과 서비스 방식에 초점을 맞춘다는 점에서 동영상 사용 후기와 유사하지만 결과에 초점을 맞추는 대신 프로세스에 초점을 맞춥니다. 따라서 이러한 비디오는 일반적으로 더 깊이 들어가고 고객보다 더 많은 당사자(예: 고객과 함께 작업한 비즈니스 팀)를 포함하기 때문에 더 깁니다.

당신의 히어로 샷을 다른 차원으로 끌어올리세요

영웅 샷은 잠재 고객이나 제품을 영웅으로 만들 수 있지만 둘 다 정적인 특성으로 인해 어려움을 겪고 혜택을 받습니다. 단순한 이미지이기 때문에 마케팅 자료로 더 널리 사용될 수 있습니다. 그러나 비디오만큼 실증적이지는 않습니다.

영웅 샷을 다른 수준으로 끌어올리기 위해 고객이 제품을 사용하는 방법과 제품을 통해 얻는 이점을 보여주는 제품 데모를 만들 수 있습니다. 클릭 전 단계에서는 짧을 수도 있고 클릭 후 랜딩 페이지에서는 더 길 수도 있습니다. 어느 쪽이든 사용 중인 제품의 특정 샷을 보여줍니다. 이것은 방문자가 제품 사용에 대해 알아야 할 모든 것을 제공하는 제품 샷과 결합된 일종의 설명 비디오로도 사용할 수 있습니다.

텍스트

시각적인 것을 생각할 때 우리는 이미지와 비디오를 생각합니다. 그러나 텍스트가 페이지에 표시되는 방식은 우리가 텍스트를 소비하는 방식에 큰 영향을 미칩니다. 말하는 방식으로 말하는 내용을 개선할 수 있는 몇 가지 방법이 있습니다.

브랜드 인지도 구축

빨간색 Spencerian 스크립트로 작성된 것을 보면 항상 Coca-Cola를 생각할 것입니다.

Nike 로고나 Got Milk 캠페인에 사용된 서체도 마찬가지입니다.

이것은 브랜드 인지도가 수년간의 반복을 통해 구축될 때 발생하는 일의 예입니다. 우리는 이러한 글꼴을 눈에 잘 띄는 많은 장소에서 여러 번 보았기 때문에 이러한 글꼴은 해당 글꼴이 나타내는 비즈니스에 속한 것 같습니다.

인지도는 브랜드 자산의 강력한 원동력이므로 이는 광고주에게 유리합니다. 이와 같은 장식용 글꼴은 로고와 캠페인 헤드라인에서 독창적인 개성을 표현하는 데 적합합니다. 따라서 오래 지속되는 인상을 남기거나 많은 사람들 사이에서 눈에 띄기를 원한다면 장식용 글꼴이 짧은 문구를 위한 완벽한 선택입니다.

쉽게 읽기

장식용 글꼴은 주의를 끌고 기억과 개성을 강화할 수 있지만 본문에서 읽기에는 끔찍합니다.

Coca-Cola 글꼴로 작성된 전체 웹 페이지나 이메일을 읽는다고 상상해 보십시오. 꽤 어렵지 않나요?

클릭 전 단계에서는 장식적인 글꼴이 눈길을 끌 수 있습니다. 클릭 후 단계에서는 브랜드 아이덴티티를 강화할 수 있습니다. 그러나 이메일이나 랜딩 페이지에서와 같이 많은 양의 독서를 할 때는 장식용 글꼴을 사용하지 않아야 합니다.

대신 가독성이 높은 깨끗하고 단순한 글꼴을 선택하십시오. 짧은 문장을 사용하십시오. 긴 단락을 작은 덩어리로 나누고 적절할 때 글머리 기호를 사용합니다. 다음은 높은 가독성의 예입니다.

개인화

광고 메시지가 끊임없이 쏟아지는 지금, 눈에 띄는 것은 개인적인 메시지입니다. 때로는 손글씨 글꼴로 개인적인 손길을 더할 수 있습니다.

손글씨 글꼴은 소리 그대로입니다. 손글씨처럼 보입니다. 대부분은 실제 손글씨보다 읽기 쉽지만 긴 형식을 쓰는 데 사용하지는 않을 것입니다.

대부분 손글씨 글꼴은 사실적으로 보이면 서명에 적합할 수 있습니다. 서명자가 광고 메시지 뒤에 서 있다는 인상을 주기 위해 이메일이나 다이렉트 메일, 랜딩 페이지 사본의 끝 부분에서 유용합니다. 이것은 일반 소비자가 항상 봇과 판매원으로부터 메시지를 받고 있다고 느낄 때 신뢰를 높일 수 있습니다.

웹 디자인

시각적 광고는 광고 및 클릭 후 랜딩 페이지의 시각적 요소에 관한 것이 아닙니다. 또한 해당 페이지가 시각적으로 전체적으로 어떻게 함께 보이는지에 관한 것입니다. 특히 사용자가 광고를 클릭한 후에 올바른 색상과 배열을 통해 전환을 유도할 수 있습니다.

전략적으로 색상 사용

색상은 클릭 전 단계에서 관심을 끌 때 가장 소중한 동맹 중 하나입니다. 주변 환경과 대조되는 밝고 대담한 색상은 잠재 고객이 스크롤하는 것을 방지할 수 있습니다.

대부분의 페이지가 흰색이면 노란색이나 빨간색과 같이 게시자의 페이지에서 눈에 잘 띄는 주요 색상을 쉽게 선택할 수 있습니다. 예를 들어 Facebook과 같이 광고가 실행될 위치를 알고 있으면 파란색과 흰색 환경을 대조하는 광고를 만들 수 있습니다.

그러나 클릭 전 단계와 달리 클릭 후 단계에서는 밝고 대담한 색상을 너무 자유롭게 사용하면 안 됩니다.

연구에 따르면 전환 중심 색 구성표를 선택할 때 단순할수록 좋습니다. 세 가지 색상은 방문자를 클릭 유도 문안 버튼으로 안내하는 데 이상적인 숫자입니다. 60-30-10 규칙을 사용하여 해당 색상을 선택합니다.

• 페이지에서 한 가지 색상의 10% 를 강조에 바칩니다. 이것은 사람들의 관심을 끌고 싶은 색상입니다. 이것이 CTA 버튼의 색상을 지정하는 것입니다.
• 베이스에 다른 색상을 30% 바칩니다 . 이 베이스의 색상은 강조 색상에 따라 결정됩니다. 당신의 악센트는 어떤 색이 가장 잘 돋보이나요?
• 페이지에 있는 다른 색상의 60% 를 배경에 바칩니다. 브랜드 색상과 충돌하지 않는 부드러운 것이어야 합니다. 많은 사람들에게 최선의 선택은 흰색입니다.

브랜드 색상이나 강조 색상을 시작점으로 사용하여 단색, 보색 및 유사 색상으로 모든 종류의 효과적인 체계를 만들 수 있습니다. 함께 방문자를 CTA 버튼으로 끌어들이는 데 도움이 됩니다. 다음은 CTA 버튼을 눈에 띄게 만들기 위해 나머지 광고와 매우 다른 밝은 색상을 사용하는 광고의 예입니다.

클릭 후 페이지에서 방문자를 전환으로 미묘하게 안내

웹 페이지의 텍스트가 시각적인 것처럼 해당 텍스트 주변의 모든 요소도 시각적입니다. 그리고 이러한 요소가 배열되는 방식은 보는 사람이 페이지를 소비하는 방식에 큰 영향을 미칩니다.

예: 텍스트 중앙에 정렬된 웹 페이지를 발견했다면 어떻게 하시겠습니까? 또는 다음과 같은 양식 버튼을 발견했다면 어떻게 하시겠습니까?

다른 모든 웹사이트에는 "제출" 버튼이 있는 데 익숙하기 때문에 정보를 입력하고 실수로 하단의 "재설정"을 누르게 될 것입니다.

웹 초창기에는 "재설정" 버튼이 더 흔했지만 우리는 그것을 사용하는 위험이 보상보다 더 크다는 것을 깨닫고 그것을 능가했습니다(누구도 모든 양식 필드를 재설정할 필요가 없을 것입니다).

마찬가지로 가운데 맞춤 텍스트는 헤드라인에는 적용되지만 본문에는 적용되지 않습니다. 더 긴 읽기는 왼쪽 여백에서 시작해야 합니다.

대부분의 웹 디자이너가 주로 따르기 때문에 이러한 규칙을 당연하게 여깁니다. 좋은 디자인은 거의 눈에 띄지 않지만 항상 소비하기 쉽습니다.

이는 클릭 후 랜딩 페이지의 디자이너를 위한 가장 가치 있는(그리고 종종 간과되는) 시각적 광고 규칙인 시각적 계층 구조로 이어집니다.

시각적 계층 구조는 미묘하게 관심을 유도하여 방문자를 페이지의 목표로 안내하는 방식으로 웹 페이지의 요소 배열을 나타냅니다. 클릭 후 랜딩 페이지에서 그 목표는 전환입니다.

이 목표를 달성하려면 방문자를 헤드라인에서 CTA 버튼으로 유도해야 합니다. 이를 수행하기 위해 알아야 할 몇 가지 디자인 원칙은 다음과 같습니다.

• 크기: 클수록 = 더 중요합니다. 더 작음 = 덜 중요함.
• 무게: 어두울수록 = 더 중요합니다. 라이터 = 덜 중요합니다.
• 색상: 더 많은 대비 = 더 중요합니다. 덜 대비 = 덜 중요합니다.
• 밀도: 여러 요소가 함께 모여 있음 = 더 많은 관심. 요소 분산 = 관심 감소. (이것은 모든 요소를 ​​하나의 작은 공간에 모아야 한다는 의미는 아닙니다.)
• 여백: 양의 여백 = 더 중요함. 공백 = 덜 중요합니다.

이를 함께 사용하여 방문자를 미묘하게 전환하도록 안내하는 페이지를 디자인할 수 있습니다. 다음은 몇 가지 예입니다.

• 크기: 헤드라인은 더 커야 하고 양식은 공간을 차지해야 하며 중요한 이미지도 더 커야 합니다.
• 두께: 헤드라인과 부제목은 굵게 표시할 수 있으며(꼭 그럴 필요는 없음) 혜택과 같은 중요한 본문 문구는 주변 본문 문구보다 어둡게 표시해야 합니다.
• 색상: 배경은 더 밝아야 하고 형태 및 로고와 같은 보조 요소는 더 밝거나 더 어두워서 대비를 만들어야 하며 클릭 유도문안 버튼과 나머지 요소 사이에 가장 큰 대비가 있어야 가장 주목을 끌 수 있습니다. 요소.
• 밀도: 글머리 기호는 조밀하게 포장된 본문 문구에서 이점을 얻을 수 있으며, CTA 버튼에는 해당 요소에 주의를 끌 수 있는 다른 콘텐츠가 없어야 합니다.
• 공백: 페이지 전체가 공백이어서는 안 되지만 방문자가 편안하게 읽고 혼란 없이 각 요소를 다른 요소와 독립적으로 사용할 수 있도록 충분한 공백을 제공해야 합니다.

시각적 광고에 대해 자세히 알아보기

시각적 광고의 보급률은 계속 증가하고 있으며 이를 실행할 수 있는 플랫폼도 마찬가지입니다. 마케팅 담당자는 시각적 광고 캠페인을 실행할 때 손이 많이 갑니다. 이러한 기술을 사용하면 더 효과적인 캠페인을 더 빠르게 만들 수 있습니다. 속도를 더 높이려면 Instapage 디지털 광고 참조 가이드를 통해 모든 플랫폼 형식의 광고 사양을 알아보세요.