온라인 쇼핑몰을 운영 중이시라면 생각보다 웹사이트 디자인을 자주 바꾸게 된다는 것을 알게 되실 거예요. 새로운 제품을 런칭하게 되거나, 시즌이나 이벤트 시기에 맞춰 수정이 필요하기도 하죠. 많은 고객분들이 아임웹은 별도의 유지/보수 비용이 발생하지 않고 내 입맛에 맞게 그때그때 바꿀 수 있어 편리하다고 말씀해주시는 이유!😎

오늘 뉴스레터에서는 아임웹 고객님들이 웹사이트를 조금 더 편하고 아름답게 구성하실 수 있도록 아임웹의 '디자인모드'에 대해 이야기해보려고 해요. 일명 '디자인모드 잘알' 아임웹 UX팀의 도움을 받아 선정한 <놓치지 말아야 할 디자인모드 꿀기능>과 함께 웹사이트의 분위기를 바꿔보시는 건 어떤가요?

클릭 한 번으로 모든 위젯에 애니메이션 효과 적용🧙

*디자인모드 > 공통 디자인 설정

페이지에 적용된 위젯들이 많아 하나 하나 애니메이션을 적용하기 힘드셨다면 <위젯에 애니메이션 적용> 기능을 사용해보세요. 클릭 한 번이면 상단 설정을 제외한 모든 위젯에 페이드인 애니메이션 효과가 적용되어 귀찮은 설정 없이도 보는 재미있는 웹사이트로 변신!😆

상품 상세 페이지가 너무 길 때는?🤦

*디자인모드 > 상품 상세페이지에서 마우스 오른쪽 버튼 클릭 > 상품 상세페이지 설정 > 디자인 탭 메뉴

상품 상세 페이지는 고객의 구매를 돕는 정보를 담고 있기 때문에 아무래도 길어지기 마련인데요. 그렇다고 스크롤 길게 페이지를 구성하면 고객에게 피로감을 안겨줄 수도 있어요.
간결하게 페이지를 구성하면서 동시에 정확한 정보도 제공하고 싶다면 <상품 상세정보 펼쳐보기 버튼 적용> 기능을 추천합니다. 상세 설명의 상단만 일부 표시하고 '상세정보 펼쳐보기' 버튼을 누르면 전체 내용이 표시됩니다📃

이미지 위젯에도 다양한 변화를🎨

*디자인모드 > 이미지 위젯 오른쪽 버튼 클릭 > 이미지 설정

✔ 원형 이미지 : 이미지를 가운데 기준으로 잘라내어 동그란 이미지를 표현할 수 있어요.
✔ 흑백 이미지 : 채도를 제거하여 이미지를 흑백으로 표현할 수 있어요.
✔ 롤오버 이미지 확대 : 커서를 올렸을 때 이미지가 확대되는 효과를 적용할 수 있어요.

⚠️ 주의 : 롤오버 이미지 확대 기능은 PC에서만 적용 가능합니다.

아임웹 디자인모드의 기능들을 통해 방문자가 편리한 웹사이트를 만드실 수 있도록, 앞으로도 꿀기능들을 모아모아 소개해드릴 예정이에요! 많은 관심 부탁드립니다💙

by 마케팅 유진