🖱스크롤을 내리게 되는 랜딩페이지 만드는 법

2022. 06. 22

blog cover image

시간과 비용을 들여 온라인 광고를 집행했는데, 기대한 만큼의 성과가 없어 고민이신가요? 이때 점검해야 할 것은 바로 ‘랜딩 페이지(Landing Page)’입니다. 타겟, 광고 채널 등도 물론 중요하지만, 광고의 성과를 올리기 위해서는 랜딩 페이지가 아주 중요하답니다🧐 

여기서 랜딩 페이지란, 잠재고객이 검색이나 온라인 광고 등을 통해 우리 브랜드의 제품/서비스를 처음으로 접하게 되는 페이지를 말해요. 광고를 보고 클릭까지 해주신(!) 잠재고객을 놓치지 않기 위해서는 랜딩 페이지를 통해 제품/서비스가 매력적으로 보일 수 있도록 해야겠죠? 흥미를 잃고 이탈하지 않도록, 스크롤을 내리게 되는 랜딩 페이지를 아임웹으로 제작해보세요!💙 오늘 뉴스레터의 🔖아임웹 활용 Tip을 놓치지 말고 확인해주세요. 랜딩 페이지 뿐만 아니라 박람회, 페스티벌 등의 행사를 안내하는 일회성 페이지도 쉽게 제작할 수 있을 거예요.




✅ 제품 및 서비스의 이점이 명확하게 드러나는 카피를 작성해주세요!


잠재고객이 랜딩 페이지에 접속하자마자 처음 보게 되는 것은 상단의 카피일 거예요. 이 카피에 제품 및 서비스의 이점이 명확하게 드러나야 이탈 확률이 적어지고, 가입과 결제 같은 전환을 유도할 수 있습니다. 이 영역에서는 제품/서비스를 사용한 이후 어떤 이점을 얻을 수 있는지에 대해 알리는 것이 좋아요. 가장 강력한 이점을 서두에 둬야 호기심을 자극할 수 있겠죠?

🔖아임웹 활용 Tip

카피와 함께 어우러지는 비주얼 콘텐츠는 디자인모드의 비주얼 섹션을 활용하여 만들 수 있습니다. 슬라이드 모드, 디자인, 전환 효과 등의 다양한 옵션을 설정하면 시선을 빼앗는 비주얼 섹션 완성✨ 여기서 주의할 점! 비주얼 섹션에서 사용한 이미지는 모바일에서도 그대로 보여지게 돼요. 이미지에 텍스트가 포함되거나, 특정 인물과 제품에 포커스가 맞춰진 사진은 모바일에서 잘려 보일 수 있으니 텍스트가 포함된 이미지 사용은 지양해주세요.

비주얼 섹션 설정 가이드 보러가기 ➡️




✅ 잠재고객의 액션을 유도하는 CTA를 만들어주세요


랜딩 페이지에 정말 많이 심어두는 이 버튼! 이걸 CTA(Call To Action)라고 해요. CTA잠재고객의 액션을 직접적으로 유도할 수 있는 카피와 눈에 띄는 색상을 사용하여 만들어주세요. 특정 액션을 즉시 실행하도록 유도하는 느낌의 ‘무료 체험판 시작하기’, ‘지금 가입하기'와 같은 카피를 사용하는 것이 좋아요. 이후 CTA 버튼의 색상을 랜딩 페이지 배경색과 대비를 이루는 색으로 설정하면 시선 끌기 성공!👀 

🔖아임웹 활용 Tip

디자인모드의 버튼 위젯을 랜딩 페이지의 분위기와 어울리는 디자인으로 설정하여 여러 섹션에 배치해주세요. 잠재고객이 제품 및 서비스에 대해 관심이 생긴다면, 랜딩 페이지의 스크롤을 내릴 확률이 높기 때문에 CTA는 여러 곳에 배치해야 액션을 유도할 수 있어요.

버튼 위젯 설정 가이드 보러가기 ➡️




✅실제 고객 후기를 활용하면 신뢰도 UP!


실제 고객 후기를 노출하면 판매 중인 제품 및 서비스에 대한 신뢰도가 높아질 수 있어요. 고객 후기를 통해 이 제품과 서비스의 장점이 무엇인지, 이를 통해 어떤 이점을 얻었는지를 알 수 있기 때문인데요. 실제 고객 후기들 중 가장 긍정적인 변화를 경험한 후기를 선택해주세요!

🔖아임웹 활용 Tip

한 번에 이미지와 텍스트 묶음을 추가할 때는 디자인모드의 갤러리 위젯을 활용하는 것이 가장 효율적입니다. [갤러리 위젯 설정 > 디자인 탭 > 다른 디자인]에서 고객님의 랜딩 페이지와 어울리는 갤러리 위젯 스타일을 찾아보세요.

갤러리 위젯 설정 가이드 보러가기 ➡️




✅모바일 버전 랜딩 페이지도 꼼꼼하게


모바일을 통한 접속 및 구매가 대부분인 요즘에는 어떤 페이지든 모바일 기기에서도 잘 보일 수 있도록 간결한 디자인으로 제작해야 해요. 이를 위해서는 텍스트를 크게 설정하고, 고화질의 이미지를 활용하는 것이 좋습니다. 가독성이 좋지 않거나 화질이 낮은 이미지로 구성된 랜딩 페이지는 브랜드에 대한 신뢰도가 떨어질 수 있으니 주의해주세요!

🔖아임웹 활용 Tip

아임웹은 반응형 웹빌더 서비스이기 때문에 PC 버전의 랜딩 페이지를 제작하면, 자동으로 모바일 버전이 제작됩니다. 이 때, 모바일 전용 섹션을 활용하면 모바일 버전에 최적화된 디자인을 디테일하게 설정할 수 있어요. 모바일에서만 표시되는 위젯을 추가하여 PC와는 다른 디자인 레이아웃과 콘텐츠를 구성할 수 있습니다.

( ✔️참고: 모바일 전용 섹션은 PC 버전과 개별적으로 동작하기 때문에 모바일 섹션 디자인을 수정하더라도 PC 버전의 디자인 초기화는 일어나지 않습니다.)

모바일 전용 섹션 가이드 보러가기 ➡️
모바일 편집 가이드 보러가기 ➡️




고객님이 집행하는 광고를 통해 랜딩 페이지에 방문한 사람들은 모두 잠재 고객이라고 부를 수 있어요. 이 고객들의 구매를 유도할 수 있는 가장 강력한 마케팅 도구는 랜딩 페이지이죠! 오늘 뉴스레터를 참고하여 마우스 스크롤을 내리게 되고, 이탈을 막는 랜딩 페이지를 제작해보세요!

아임웹 디자인모드를 활용하면 감각적이고 효과적인 랜딩 페이지를 쉽고 빠르게 만들 수 있을 거예요.


by 마케팅 유진