/  All  / 창의적인 웹사이트 팝업 디자인 사례 및 영감

창의적인 웹사이트 팝업 디자인 사례 및 영감

창의적인 웹사이트 팝업 디자인 사례 및 영감

모든 마케터에게는 팝업 디자인 영감과 예시를 위한 스와이프 파일이 필요합니다. 이 기사에서는 새롭고 매력적인 팝업을 만들어야 할 때 사용하고 있는 나만의 스왑 파일을 보여 드리겠습니다.

Poptin 자신의 예 외에 gallery, 다른 예시와 함께 창의적인 아이디어를 이끌어 내는 것이 좋습니다.

이 기사에서는 2022년 리드 마그넷 전환율을 높이기 위해 창의적이고 영감을 주는 팝업 디자인과 예시를 살펴보겠습니다.

들어가자.

정직과 진정성 카피디자인 팝업 

나는 항상 독자가 자신의 이메일 주소를 제공하도록 유도하는 매력이 있는 정직하고 확실한 카피 디자인 팝업을 추천합니다.

Wikipedia는 계속해서 성장할 수 있도록 솔직하게 기부를 요청하는 훌륭한 일을 해왔습니다. 우리 모두는 자유롭고 편견 없는 정보가 필요하며 Wikipedia는 이를 훌륭하게 수행하고 있습니다. 그래서 이 심플한 디자인의 카피는 나름의 장점이 있다.

image9

내가 찾은 또 다른 정직한 팝업은 ProfitWell에서 만든 것입니다. 내가 ProfitWell의 웹사이트에 있는 동안 그들은 가격 페이지 분해를 홍보했습니다. 내용은 좋지만 블로그 사용자 경험을 방해했기 때문에 "우리는 팝업을 싫어합니다…"로 시작했습니다. 전적으로 공감했습니다. 

image10

왜? 이는 정직하고 솔직하며 이메일 주소를 대가로 무언가를 제공하는 것입니다. 게다가 이미지는 실제이며 위 팝업에 있는 두 사람은 그 작업을 훌륭하게 수행합니다. 

나는 즉시 가입했다.

팝업 디자인을 적절하고 공감적이며 좋은 카피로 만들 수 있다면 상당한 전환율을 얻을 수 있을 것입니다.

심플한 디자인의 팝업

때로는 단순한 것만으로도 충분할 때가 있으며, 그것이 일을 잘 수행합니다. 간단한 팝업 디자인이 작동하는 이유는 무엇입니까? 일반적으로 귀하의 제안이 훌륭할 때 작동합니다. 사회적 증거, 사본이 놀랍습니다.

이를 통해 저는 마케팅 담당자에게 제공된 훌륭한 예를 공유하고 싶습니다(우리 마케팅 담당자는 일반적으로 다른 사람들에게 중요합니다).

image12

Harry Dry는 이 작은 프로젝트를 실행하고 종료 의도에서 위의 팝업을 표시합니다. 소셜 증거(마케터 9691명), 실행 가능한 팁, 2분 읽기(낮은 장벽)를 갖추고 있으며 구독을 취소하는 사람이 0.4% 미만이고 무료이기 때문에 정직합니다. 

훌륭한 제안을 담은 이러한 종류의 카피는 항상 효과가 있을 것입니다. 영감을 얻기 위한 단순한 디자인 사례를 찾고 있다면 이것이 승자가 될 것입니다.

마지막으로, "가입하세요"라고 말하지 않고 실제로 가치 기반 행동 유도를 제공하는 "마케팅 업그레이드"라고 말합니다.

잘했어요 해리!

편집자 주 : 마케팅 사례에서 카피라이팅 팁을 확인하세요 

제가 얻은 또 다른 매우 단순한 팝업 디자인 예는 Ahrefs에서 영감을 받은 것입니다.

image2

Ahrefs는 블로그 방문자가 퍼널에 들어갈 수 없다고 가정하므로 방문자에게 지속적으로 새로운 콘텐츠를 제공하는 것이 더 좋습니다. 해당 콘텐츠는 판매 페이지와 같으므로 독자/방문자가 결국 전환하게 됩니다.

따라서 위의 마스코트가 포함된 단순한 팝업은 전환에 큰 도움이 됩니다. Ahrefs에 따르면 월 방문자 0.5명 중 전환율이 250% 이상입니다. 그럼 작동합니다.

마지막으로 단순한 팝업 디자인 영감은 제가 팔로우하는 그로스 해커들에게서 나왔습니다. 가르치고 있는 놈들이에요 성장 마케팅 팝업은 저와 같은 학습자에게 간단하면서도 효과적입니다. 그것은 단지 놀라운 사본에 많은 사회적 증거를 더한 것일 뿐입니다. 

image1

마스코트 팝업 디자인 예 

솔직히 저는 마스코트 팝업을 좋아합니다. 개성이 있으며 블로그나 웹사이트에 창의적인 측면을 제공합니다. 브랜드 인지도 측면에서 좋은 것은 말할 것도 없습니다.

저는 Poptin의 직원은 아니지만 Poptin의 앵무새 마스코트 팝업을 정말 좋아합니다.

image8

위의 예에서 Poptin은 종료 의도를 보여주고 두려움 접근 방식을 사용하여 가입하도록 합니다. 가입하는데 XNUMX분도 안걸리기 때문에 가입 장벽이 매우 낮습니다. 앵무새 마스코트는 항상 날아다니기 때문에 주목을 받습니다.

팝업 디자인에 마스코트를 사용하려면 올바른 관심을 끌 수 있는지 확인하세요.

마지막으로, 무료 계정을 시작하고 해당 방문자를 통해 더 많은 고객을 확보하라는 메시지가 있습니다. 사랑스러운!

너무 우아하게 끝났기 때문에 가입하겠습니다.

맥락을 잘 활용한 또 다른 좋은 창의적 영감은 Hipmunk입니다.

image4

이 팝업은 마스코트와 대기 및 로딩 시간을 활용합니다. Hipmunk는 관심을 끌기 위해 마스코트 작업을 잘 수행했지만 배치와 트리거링은 훨씬 더 잘 수행되었습니다. 

간단하고 효과적입니다. 신청서에 대기 시간이 많은 경우 이러한 유형의 팝업을 권장합니다.

콘텐츠 마케팅 팝업 디자인 영감

쉽게 홍보하고 일부 리드를 확보할 수 있는 좋은 콘텐츠가 있다면 왜 제공하고 싶지 않습니까? 간단하게 전자책을 홍보할 수 있고, 웹 세미나, 인포그래픽, 커뮤니티 제안 등이 있습니다.

Appcues는 몇 년 전에 온보딩 아카데미를 공유하여 좋은 성과를 거두었습니다. 그들의 아카데미는 많은 SaaS 기업가와 제품 관리자를 교육했습니다. 이전 팝업 디자인의 예는 다음과 같습니다.

image7

 위 팝업은 다음 사용자에 의해 수행되었습니다. 좋은 디자이너 그리고 훌륭한 사본과 함께. 블로그 업데이트에도 비슷한 팝업이 표시됩니다.

image6

저는 개인적으로 블로그보다 온보딩 아카데미 팝업을 더 좋아합니다. 그러나 더 많은 방문자를 전환하려면 두 가지를 모두 사용해야 합니다.

개인적으로 블로그 제안을 보면 Airfocus(제품 로드맵 도구)는 다음을 수행합니다.

image13

더 읽기 : 제품 로드맵

나는 또한 내 제품과 관련된 많은 콘텐츠를 홍보해 왔으며 꽤 좋은 전환율을 제공하는 Poptin의 양식을 사용해 왔습니다.

저는 Userpilot의 이메일 강좌와 제품 채택 학교를 홍보해 왔습니다. 놀랍게도 팝업보다 블로그 내 포함 양식에서 더 나은 전환이 이루어졌습니다. 이것은 확실히 좋은 예입니다.

image3

이것은 제가 사용해 왔고 꽤 잘 작동하는 Poptin의 템플릿입니다. 

image5

두 디자인 영감 모두 카피를 통해 콘텐츠를 효과적으로 홍보하고 있습니다. 

제가 얻은 또 다른 좋은 콘텐츠 팝업 디자인 영감은 Demio였습니다. Demio는 웨비나 관리 도구이며 저는 Demio의 eBook으로 승격되었습니다. "웨비나 관리 방법"에 대해 자세히 알아보려고 했기 때문에 적절하게 배치되었습니다.

하지만 가장 효과적인 것은 '다운로드'를 클릭하게 만드는 디자인과 카피였습니다. 

image11
내가 무엇을 말할 수 있습니까? 위의 팝업 디자인은 내가 다운로드할 수 있는 적절한 시기와 적절한 장소(그들의 블로그)에 있었습니다. 배경을 효과적으로 활용하는 것도 마음에 듭니다.

이 팝업 디자인이 여러분에게 영감을 주기를 바랍니다. 

결론

위의 팝업 디자인 영감과 예시는 영감을 얻기 위한 것입니다. 하지만 제가 드릴 수 있는 한 가지 전문가 팁은 자신만의 스와이프 파일을 만드는 것입니다. 이러한 디자인과 영감은 곧 구식이 될 수 있습니다.

그러므로 계속해서 영감을 얻고, 최신 정보를 유지하는 것이 중요합니다.

Aazar Ali Shad는 기업가이자 성장 마케팅 담당자(해커 아님)이자 노련한 SaaS 전문가입니다. 그는 콘텐츠를 작성하고 자신이 배운 것을 세상과 공유하는 것을 좋아합니다. Twitter @aazarshad 또는 aazarshad.com에서 그를 팔로우할 수 있습니다.