Editor’s Note 

매번 새로운 배너를 만들다 보면 새로운 아이디어가 떠오르지 않아 막막할 때가 많죠. 이번 아티클에서는 배너 디자인부터 간편한 설치 방법까지 배너 꿀팁을 몽땅 알려드릴게요. 손쉽게 배너를 설치하는 무료 프로그램 소개도 포함되어 있으니, 아티클의 후반부도 놓치지 마세요!

모든 쇼핑몰이 사용하고 있는 배너. 쇼핑몰 운영자라면, 배너를 왜 사용하고 계신가요?

고객의 시선을 사로잡는 디자인으로 제품을 홍보하고 계실 수도 있고, 또 이벤트 페이지로 넘어가게끔 설정해두신 분도 계실 거 같아요.

이번 아티클에서는 쇼핑몰 필수템인 배너를 제작하는 데 도움이 되는 팁을 모아봤어요. 디자인 꿀팁부터, 더 이상 아이디어가 떠오르지 않을 때 참고할 만한 레퍼런스 사이트들도 몽땅 알려드릴게요!

배너, 어떻게 활용하고 계신가요?

배너는 어떻게 구성하느냐에 따라 다양한 용도로 활용해볼 수 있어요. 

신제품 출시나 이벤트 홍보를 위한 배너를 많이 보셨을 거예요. 쇼핑몰에 접속했을 때 가장 먼저 시선이 가는 곳이 배너이기도 해요. 그만큼 홍보 효과도 크죠. 이러한 특성을 활용해 알리고 싶은 정보를 배너에 띄워 공유해 보세요. 

사용 빈도가 높은 기능의 링크를 연결한 퀵메뉴도 배너의 한 종류예요. 상담챗봇이나 FAQ처럼, 고객이 원하는 정보를 쉽고 빠르게 접근하도록 만들어보세요. 간편한 구매 여정은 고객 만족도와 직접적으로 연결되어 있거든요!

브랜드 컬러나 로고, 슬로건을 활용해 브랜드를 기억에 남게 만들 수도 있어요. 일관된 색상 사용은 브랜드 정체성을 강화시켜, 고객이 브랜드를 쉽게 기억하게 만들거든요. 브랜드의 핵심 메시지를 담은 슬로건 또한 효과적이죠.

배너에 소셜 계정을 연결해보는 방법을 고려해볼 수도 있어요. 소셜 미디어 링크를 삽입해 고객이 쉽게 이동할 수 있도록 만들어 보세요. 배너를 통해 더 많은 팔로워를 얻고, 고객과의 소통을 강화해 보세요.

더 이상 새로운 디자인이 떠오르지 않아! 

배너를 만드려니 막막한 적이 많으실 거 같아요. 디자인 지식이 없는 상태에서 배너 디자인을 진행하려면 그 고민이 더욱 커질 것 같은데요. ‘창조는 모방에서부터 시작한다 😉’ 라는 말이 있는 것처럼, 다른 디자인을 자주 보고 접하게 되면 그만큼 디자인에 대한 감각도 올라가게 될 거예요.

그래서 다양한 디자인을 한번에 확인할 수 있는 레퍼런스 사이트부터 조사해 봤어요.

핀터레스트는 이제 그만! 더욱 다양하고 퀄리티 높은 디자인이 모여있는 곳을 알려드릴게요.

요즘 유행하는 디자인을 알고 싶다면?

• Behance : 어도비가 운영하고 있는 사이트로, 디자이너나 사진 작가 등 시각 예술가들이 자신의 포트폴리오를 업로드하는 플랫폼이에요. 다양한 그래픽 디자인 뿐만 아니라 일러스트와 같은 여러 분야의 작품을 볼 수 있어 디자인에 대한 영감을 얻어볼 수 있어요.

• dribbble : 디자이너들의 작업 뿐만 아니라 작업 과정 중의 스크린샷을 공유하는 커뮤니티예요. 검색창에 배너를 검색하면, 좋은 배너 디자인을 빠르게 찾아볼 수 있어요. 사이트 내에서 구직 활동과 네트워킹까지 활발하게 이루어지고 있다는 특징이 있어요.

• gdweb : 지디웹은 웹디자인 인사이트를 얻을 수 있는 사이트예요. 매년 사이트의 디자인을 순위를 매겨 보여주고 있는데요. 타 쇼핑몰의 디자인 뿐만 아니라 모바일 UX까지 참고해볼 수 있는 유용한 플랫폼이에요.

• 디자이너스 : 국내 디자이너들이 자신의 작품을 공유하는 플랫폼 중 하나예요. 레퍼런스 카테고리 내에서는 UX/UI, 디자인 할 때 유용한 앱 등을 살펴볼 수 있어요.

폰트만 잘 선택해도, 반은 간다! 다양한 폰트를 무료로 사용하고 싶다면?

• 눈누 : 눈누는 폰트를 무료로 다운받을 수 있는 사이트예요. 상업적 용도로도 사용할 수 있는 폰트들이 모여있어 디자인할 때 안심하고 사용할 수 있어요.

• Dafont: 다양한 언어의 폰트를 다운받을 수 있는 사이트예요. 수천 개의 폰트를 보유하고 있지만, 상업적으로 사용 시에는 라이선스를 확인해볼 필요가 있어요.

색 조합이 고민이라면?

• Contrast Finder : 이 사이트에서는 이미지의 텍스트와 배경 색상의 대비를 분석해 볼 수 있어요. 두 가지의 색상을 입력하면 색상 간 대비 비율을 계산해, 배너 내 텍스트가 시각적으로 잘 보이는지 확인할 수 있어요.

• Color Hunt : 색상 팔레트를 무료로 이용할 수 있는 사이트예요. 현재 인기 있는 색상 조합을 확인해볼 수도 있고, 테마를 선택해 분위기에 따라 색상 조합을 선택할 수 있어요. 배너에 어떤 색상을 선택해야할지 고민된다면 이 사이트에 접속해 보세요!

배너 디자인이 완료되었다면, 이젠 쇼핑몰에 직접 띄워야 할 차례인데요. 쇼핑몰에서 배너를 띄우기 위해서는 배너 관리 앱을 사용하더라도 직접 소스코드를 설치해야 하죠. 하지만 개발 지식이 없다거나 디자이너가 아니시라면, 이 과정이 어렵게 느껴지실 거예요. 또 방법을 알고 있다 해도 코드를 설치하는 과정에 시간이 꽤 소요되죠.

더욱 놀라운 점은 이 기능을 무료로 이용할 수 있다고 하는데요! 배너 관리에 많은 시간을 할애하던 분들이라면 알파푸시로 간편하게 배너를 설치해 보세요. 무료니까, 사용하지 않을 이유가 없겠죠!

_{글, 이미지 김지윤 Content Marketing Team Intern} 

슬기로운 이커머스 소식이 더 많이 궁금하다면?

지금 바로 아래 버튼을 눌러 알파레터를 구독해 보세요.

격주 수요일 오후 2시, 여러분의 메일함으로 찾아갑니다.