눈에 잘 띄는 배너 만드는 방법
얼마 전 온라인 쇼핑몰을 둘러보다가 배너를 한참 보고도 무슨 행사를 하는지 몰라 다시 읽은 적이 있어요. 사진은 예뻤는데 글자가 작고 안내가 여러 줄로 흩어져 있더라고요. 배너는 잠깐 스쳐 보는 경우가 많아서, 예쁘게 만드는 것만큼 내용을 빨리 이해할 수 있게 만드는 게 중요합니다.
전하고 싶은 말을 하나만 고르기
배너를 만들기 전에 보는 사람이 무엇을 알거나 하길 원하는지 한 문장으로 적어두면 편해요. 신제품을 알리는 배너라면 제품 이름과 특징이 중심이고, 할인 행사라면 할인 내용과 기간이 먼저 보여야 하죠. 한 장에 신제품 소개, 회원 가입, 배송 혜택까지 모두 담으면 어느 쪽도 눈에 들어오지 않을 수 있습니다.
문구도 짧을수록 힘이 있어요. 예를 들어 ‘가을을 맞아 준비한 다양한 상품을 특별한 가격으로 만나보세요’보다 ‘가을 상품 최대 20% 할인’이 내용을 더 빨리 전합니다. 대신 ‘최대’라는 표현을 썼다면 실제 적용 상품과 조건을 확인할 수 있어야 해요. 작은 글씨에 중요한 조건을 숨기면 클릭한 뒤 실망하기 쉽습니다.
제목 한 줄, 설명 한 줄, 행동을 안내하는 버튼 하나 정도로 시작해 보세요. 화면에 여유가 생기면 무엇을 먼저 읽어야 하는지도 분명해집니다. 필요한 정보가 많다면 한 배너에 억지로 넣기보다, 클릭한 다음 화면에서 자세히 설명하는 편이 읽기 좋습니다.
글자와 사진이 서로 방해하지 않게 배치하기
사진이 화려하면 배너가 눈에 띄지만, 글자 뒤까지 복잡하면 읽기가 어려워져요. 인물이 오른쪽에 있는 사진이라면 왼쪽의 비교적 단순한 공간에 문구를 놓는 식으로 자리를 잡을 수 있습니다. 마땅한 빈 공간이 없다면 사진 위에 반투명한 색을 얹거나, 글자가 들어갈 영역에 단색 배경을 두는 방법도 있어요.
색은 브랜드 분위기에 맞추되 글자와 배경의 차이를 충분히 주는 게 좋습니다. 연한 회색 배경에 흰 글자를 올리면 화면 밝기에 따라 거의 보이지 않을 수 있어요. 진한 배경에는 밝은 글자, 밝은 배경에는 진한 글자처럼 단순하게 맞춰도 읽기 쉬워집니다. 강조색을 여기저기 쓰기보다 버튼이나 가장 중요한 숫자에만 쓰면 시선이 덜 분산되고요.
글자 크기도 실제 사용 화면에서 확인해야 합니다. 작업할 때 큰 모니터에서 선명해 보이던 문구가 휴대전화에서는 작게 느껴질 수 있거든요. 특히 행사 기간이나 가격처럼 결정에 필요한 내용은 장식 문구보다 읽기 쉬워야 합니다. 배너를 완성한 뒤 휴대전화 화면 크기로 줄여서 제목, 조건, 버튼 순서로 자연스럽게 읽히는지 확인해 보세요.
누를 이유가 보이는 버튼 만들기
버튼에 ‘클릭’이라고만 쓰면 누른 다음 무엇이 나올지 알기 어려워요. ‘할인 상품 보기’, ‘수업 일정 확인하기’, ‘신제품 자세히 보기’처럼 이동할 화면을 짐작할 수 있는 문구가 더 친절합니다. 버튼 주변에는 여백을 두어 본문 글자와 구분하고, 손가락으로 누르기에도 너무 작지 않게 잡는 편이 좋아요.
버튼 문구와 이동한 화면의 내용도 맞아야 합니다. 배너에는 ‘무료 체험 신청’이라고 적혀 있는데 이동한 화면에서는 유료 상품부터 보여준다면 당황스럽겠죠. 반대로 배너에서 약속한 내용을 바로 찾을 수 있으면 다음 행동으로 이어지기 쉽습니다. 배너 디자인을 확인할 때 연결된 화면까지 함께 살피는 이유예요.
버튼을 여러 개 넣어야 한다면 우선순위를 정해 두세요. ‘구매하기’와 ‘자세히 보기’를 같은 크기와 색으로 나란히 놓으면 어느 쪽을 눌러야 할지 잠시 고민하게 됩니다. 가장 중요한 행동을 눈에 띄게 두고, 다른 선택지는 글자 링크처럼 차분하게 표시하는 방법이 있습니다.
올리기 전에 실제 화면에서 확인하기
배너는 놓이는 자리마다 보이는 모양이 달라집니다. 가로로 긴 홈페이지 상단 배너를 그대로 작은 모바일 영역에 넣으면 사진의 주인공이나 문구 끝이 잘릴 수 있어요. 처음부터 글자와 버튼을 가장자리에서 조금 떨어뜨리고, 사용하는 화면마다 잘리는 부분이 없는지 확인하는 게 안전합니다.
친구나 동료에게 배너를 몇 초만 보여주고 무엇을 알리는지 물어보는 것도 괜찮은 확인 방법이에요. 설명을 듣지 않고도 행사 내용과 다음 행동을 말할 수 있다면 메시지가 잘 전달된 셈이죠. 헷갈려한다면 장식을 더하기 전에 문구를 줄이거나 글자의 순서를 바꿔보면 됩니다.
배너를 올린 뒤에는 클릭 수만 보지 말고, 클릭한 사람이 원하는 내용을 찾았는지도 함께 살피면 좋아요. 클릭은 많은데 신청이나 구매로 잘 이어지지 않는다면 배너의 약속과 이동한 화면 사이에 차이가 있을 수 있습니다. 결국 오래 기억에 남는 배너는 화려한 장식보다 필요한 말을 제때, 읽기 쉽게 건네는 배너라고 생각해요.
