웹사이트는 여러 디자인 요소들이 모여 완성됩니다. 아임웹에서는 디자인 모드의 다양한 위젯을 활용하여 완성도 높은 웹사이트를 만들 수 있죠😎 오늘은 작지만 아주 중요한 역할을 하는 디자인 모드의 기능들을 소개하려 해요. 브랜딩 효과 뿐만 아니라 고객의 구매 경험까지 개선할 수 있는 알찬 기능이니 웹사이트에 꼭 적용해보세요!
브랜딩 효과를 주는 패비콘을 설정해보세요
패비콘은 웹브라우저의 주소창이나 즐겨찾기 등에 표시되는 작은 아이콘입니다. 패비콘은 고객이 방문하는 사이트를 한 눈에 알아보고 구별할 수 있도록 도와주는 브랜딩 도구가 될 수 있어요. 패비콘을 브랜드 색상과 로고를 활용하여 특색있게 설정한다면 수많은 브라우저 탭이 띄워져 있어도 쉽게 웹사이트를 찾을 수 있죠. 작지만 브랜딩 역할까지 수행하는 패비콘은 [관리자 페이지 > 환경설정 > 기본설정]에서 설정 가능합니다 😀
가입 버튼 말풍선을 통해 혜택을 안내하고, 가입을 유도해보세요
내 웹사이트를 누군가 방문했다면 회원 가입을 유도할 차례입니다. 비회원이 아닌 정회원이 된다면 지속적으로 쇼핑몰을 방문하고, 상품을 구매할 가능성이 커지기 때문이죠. 가입 버튼 말풍선을 통해 포인트 적립, 할인쿠폰 제공 등의 혜택을 안내해보세요. 애니메이션 효과를 적용하여 작은 사이즈의 말풍선도 눈에 띌 수 있도록 설정 할 수 있어요 👀
[디자인 모드 > 상단설정 > 로그인/장바구니 위젯 추가 > 마우스 오른쪽 버튼 클릭 > 로그인/장바구니 설정]에서 ‘로그인 전’ 탭을 클릭해주세요. 이후 회원가입 항목에서 말풍선 문구, 배경색, 위치 등을 자유롭게 설정할 수 있습니다.
상단 메뉴바를 고정하면 고객이 메뉴를 쉽게 찾을 수 있어요
콘텐츠를 세로로 길게 보여줘야 하는 웹사이트의 경우, 고객이 다른 메뉴로 이동하고 싶을 때 상단으로 스크롤을 올려야 하는 번거로움이 있다면 웹사이트를 이탈할 가능성이 커요. 특히 모바일 환경에서는 더욱 불편할 텐데요. 이를 방지하지 하기 위해 꼭 필요한 기능은 바로 상단 메뉴바 고정! 이 기능을 활용하면 스크롤을 내렸을 때 메뉴바가 상단에 고정됩니다.
[디자인 모드 > 상단설정 > 고정메뉴 설정]에서 상단 메뉴바의 디자인을 설정해주세요. 기본 상단 디자인과 동일하게 설정할 수도 있고, 다른 스타일의 고정 메뉴바도 디자인할 수 있답니다. 고정 메뉴바를 다른 스타일로 디자인할 경우, 메뉴바를 찾기 더욱 쉽겠죠!
작지만 웹사이트의 완성도를 높일 수 있는 오늘의 디자인 모드 꿀팁, 어떠셨나요? 이렇게 디테일한 부분까지 신경써서 웹사이트를 구성하면 고객은 브랜드를 긍정적인 이미지로 기억하고, 구매 경험이 편리하다는 느낌까지 받게 될거에요. 기억에 남는 브랜드 웹사이트는 자주 방문하게 되는 법! 앞으로도 쉽지만 효과적인 디자인 모드 꿀팁을 소개할 예정이니 다음 편도 많은 기대 부탁드려요💙
by 브랜드 유진
