사이트를 구성할 때 웹 배너는 없어서는 안 될 필수 위젯이에요. 배너에 따라서 사이트의 분위기가 좌우되기도 하고 배너를 통해 전환으로 이어지는 고객도 많기 때문인데요.
코드앤버터에 모바일, 웹 배너 에디터가 있어 쉽게 설치하고 꾸밀 수 있지만 직접 배너를 구성하는 것이 처음이라면 에디터와 템플릿이 있어도 어렵게 느껴질 수 있어요. 웹 배너 만들기에서 필수로 고려해야 하는 4가지 기본 원칙을 준비했어요. 아래의 체크리스트를 확인해 돋보이는 웹사이트 배너를 만들어 보세요.
1️⃣ 배너의 목적을 명확하게
첫 번째로, 배너를 만드는 목적을 분명히 해야 해요. 새로운 제품을 알리고 싶은 건지, 사이트의 분위기를 보여주고 싶은 건지, 특정 행사를 홍보하고 싶은 건지 정해보세요. 이 목적이 배너의 전반적인 디자인과 메시지를 결정하는 기준이 될 거예요.
2️⃣ 색상
색상은 배너의 가장 눈에 띄는 요소 중 하나예요. 색상은 브랜드의 느낌을 전달하고, 감정적인 반응을 유도해요. 브랜드와 잘 어울리면서도 시선을 끌 수 있는 색상을 고르세요. 예를 들어, 브랜드 메인 색상이 파란색이라면, 파란색 계열의 색상을 중심으로 배너를 디자인해 보세요. 계절에 어울리는 색감, 주제에 어울리는 색감을 선택해도 좋아요.
3️⃣ 텍스트는 간결하고 명확하게
배너에 사용되는 텍스트는 간결하고 명확해야 해요. 사이트 방문자들은 대개 배너를 빠르게 스캔하기 때문에, 핵심 메시지를 명확하게 전달하는 것이 중요해요. ‘할인’, ‘신제품 출시’ 등 짧고 강력한 메인 메시지를 사용하고 자세한 설명은 서브 카피로 힘을 덜어내 표시해 보세요.
4️⃣ 위치 선정
배너 위치는 클릭률에 큰 차이를 줘요. 가장 쉬운 방법은 사용자의 시선이 자연스럽게 머무는 곳에 배너를 위치시키는 거예요. 예를 들어, 상단이나 측면과 같이 주요 내용 근처에 배치하면 더 많은 관심을 받을 수 있어요.
그리고 배너의 위치는 웹사이트의 디자인과 사용자 경험에 방해가 되지 않도록 신중하게 선택해야 해요. 애드센스 등 광고 배너가 비난받는 이유는 바로 사용자 경험을 저해하는 위치 선정 때문인데요. 이처럼 콘텐츠를 가리며 배너가 표시되지 않도록 주의하세요.
코드앤버터의 웹 배너 기능엔 템플릿이 있어 사이트에 어울리는 구성을 선택해 바로 사용할 수 있어요. 위치와 노출 대상도 특별한 전문 지식 없이 누구나 간편하게 설정할 수 있으니 오늘의 레시피를 활용해 배너를 띄워보세요!