주목도를 높여주는 상품 갤러리 만들기🖼️ | 1분 디자인 레시피

2023. 08. 11


나만의 인터넷 쇼핑몰을 만들긴 했는데.. 어떻게 해야 상품을 더 잘 보여줄 수 있을지 고민되신다고요? 그렇다면 주목! 아임웹 디자인 모드의 간단한 설정 하나로 상품의 주목도를 높여줄 수 있는 방법을 소개합니다. 


아임웹이 제공하는 [갤러리] 위젯을 활용해 웹사이트를 구성하면, 브랜드의 다양한 제품이나 서비스, 심지어 포트폴리오까지 세련되게 보여줄 수 있는데요. 이번 아임웹 레시피에서는 갤러리 포스터 편집샵 <그릿시즌>의 사례를 통해 이미지 스크롤 효과가 들어간 [슬라이드 갤러리] 위젯 설정법을 알아보려 합니다. 그릿시즌은 메인 페이지에 판매 상품들을 움직이게 설정하여, 상품이 자연스럽게 눈에 띄게끔 하였는데요. 


그릿시즌의 레시피, 지금 알아볼까요?👩‍🍳

 

📌이런 분이라면 특히 주목해 주세요!

  • 방문 고객에게 판매 상품/서비스를 더 많이, 자연스럽게 보여주고 싶은 분
  • 판매 상품을 센스 있게 보여주고 싶으신 분
  • 웹사이트 레이아웃 구성에 변화를 주고 싶으신 분




STEP 1
아임웹 디자인 모드에 접속한 후, 좌측에 ‘+’ 버튼을 눌러 [쇼핑 기획전] 위젯을 추가해 주세요. 


STEP 2
추가한 [쇼핑 기획전] 위젯에서 마우스 오른쪽을 클릭해 [쇼핑 기획전 설정]으로 이동해 주세요. 


STEP 3
[다른 디자인] 버튼 클릭, ‘슬라이드 기획전’ 항목에서 원하는 스타일로 변경해 주세요. 


STEP 4
보여주고 싶은 상품의 카테고리와 디자인 등을 설정해 주세요. 

💡TIP
쇼핑 기획전을 설정하면, 내가 원하는 상품들로 구성해 보여줄 수 있어요!


STEP 5
위젯을 원하는 레이아웃으로 설정하고, [이미지 위젯]에 마우스 오른쪽을 클릭해 [이미지 설정]으로 이동해 주세요. 


STEP 6
하단에 [옵션] 항목에서 전환 속도를 원하는 대로 설정한 뒤, ‘자동전환’과 ‘반복’ 기능을 체크하면 끝이에요! 




다른 브랜드들은 이 기능을 어떻게 활용했을까요?


🔎 머쉬룸페이퍼팜
브랜드의 개성이 담긴 캐릭터들을 보여주어, 브랜드의 독특한 매력을 재치있게 전달했어요.



🔎 썸띵
브랜드 포트폴리오를 자연스럽게 보여주어, 방문자의 흥미를 불러일으키고자 했어요.



✅ 슬라이드 갤러리, 이렇게도 활용할 수 있어요!

  • 다양한 기획 상품 전시하기 (ex. 베스트 상품, 시즌 오프, MD’s Pick, 타임 세일 등)
  • 페이지 내 고정 영역에 마감 임박 세일 표시하기
  • 브랜드와 연관된 이미지 보여주기 (ex. 제품 연출컷, 최근 진행한 온/오프라인 활동 등)



아임웹 디자인모드 내 기능들을 잘 활용하면, 눈에 띄면서도 감각적인 웹사이트를 만들 수 있답니다! 오늘 소개해 드린 기능을 통해, 다양한 기획 상품들을 센스 있게 보여주는 건 어떨까요?🤗


※ 레시피 사례로 소개한 그릿시즌을 비롯해 머쉬룸페이퍼팜, 썸띵 아임웹과 함께 성장하는 브랜드입니다.


💌 평소 궁금했던 디자인 설정법이 있다면 알려주세요!

아임웹을 사용하거나, 고객사례를 보며 궁금했던 디자인 설정법이 있으셨다면 👉 여기에 남겨주세요. 보내주신 의견을 참고하여, 더욱 유익한 디자인 레시피를 들고 찾아올게요!




📖 오늘 내용과 연관된 아임웹 가이드



🔖 다른 레시피 보러가기




by 마케팅 소영