시선을 사로잡는 Purple💜+Lime💚의 네온 포인트 컬러. 주얼리에서 느껴지는 은은하고 신비로운 빛의 느낌을 담은 그라데이션 이미지. 구조는 단순하지만 위와 같은 장치로 브랜드 무드가 더욱 돋보일 수 있도록 구성한 주얼리 템플릿 éclairer(에끌레어)를 소개합니다. 💎
*본문에 밑줄이 그어진 텍스트를 클릭하면, 더 자세한 설명을 확인할 수 있어요. 😊
이런 브랜드 상점에 추천해요!
✅ 상품을 메인에 배치해 빠른 탐색을 유도하고 싶은 상점
✅ 심플한 구조 안에 배치한 작은 포인트로 시선을 사로잡고 싶은 상점
템플릿 주요 포인트
이런 점을 신경 써서 만들었어요🔨
1. 전체 상품을 보여주는 가장 빠른 구조
1) 상품 목록 섹션
상점의 첫 페이지에 상품 목록을 배치하여 방문 즉시 상품 탐색 및 구매로 이어지는 가장 빠른 길을 제안해요. 오로지 상품으로만 승부하는 브랜드라면 효율적으로 상점을 운영하기에 가장 좋은 템플릿이에요.
2) 사용자 편집 섹션
상품 목록 아래로 사용자 편집 섹션을 활용해 인스타그램 아이디와 정보를 전달했어요. 시선을 사로잡는 그라데이션 배경으로 인스타그램 팔로우를 유도해 보세요.
3) 인스타그램 섹션
인스타그램 계정을 연동해 브랜드의 다양한 소식, 상품 후기 등 다양한 콘텐츠를 실시간으로 보여주고 있어요.
2. 시선을 사로잡는 포인트 한 방울
심플한 구성에 작은 포인트 한 방울! 시선을 사로잡는 그라데이션 배경을 활용한다면 브랜드 메시지를 보다 강렬하게 전달할 수 있어요.
3. 율동감이 느껴지는 다양한 레이아웃
컬렉션 리스트는 갤러리 섹션(격자형)으로 구성하고, 컬렉션 상세 페이지는 율동감이 느껴지는 지그재그 레이아웃으로 재밌는 탐색 흐름을 제공해요. 사용자 편집 섹션의 공백, 이미지, 텍스트 등 여러 요소를 활용해 자유롭게 구성해 보세요!
템플릿 핵심 기능
1. 상품 상세 대표 이미지 슬라이드
'상품 상세 대표 이미지 슬라이드 기능’은 상품 상세 상단에서 여러 장의 이미지를 옆으로 쓱쓱 넘겨볼 수 있는 기능이에요. 특히 모바일에서 빠른 탐색을 도울 수 있어요.
슬라이드 효과로 ‘밝기 변화’와 ‘밀어내기’ 2종류가 있으니, 내 상품과 가장 잘 어울리는 효과로 설정해 보세요. 대표 이미지 슬라이드는 [디자인 편집 > 메뉴(왼쪽 아래≡) > 스타일 편집 > 상품 상세]에서 설정할 수 있어요.
2. 회원 가입을 유도하는 말풍선 메시지
상점에 방문한 고객을 브랜드의 진정한 고객으로 확보하기 위해서는 회원 가입은 필수인데요. 첫 방문 고객이 회원 가입을 하고 싶게끔 말풍선 메시지 기능을 활용해 가입 시 제공되는 혜택을 강조해 보세요.
💬 말풍선 버튼의 주요 기능 3가지
적립금, 쿠폰 등 다양한 혜택을 알릴 수 있어요.
클릭하면 회원 가입을 할 수 있는 로그인 페이지로 바로 이동해요.
둥둥 떠다니는 애니메이션 효과로 시선을 끌 수 있어요.
템플릿 200% 활용 꿀팁
한 끗 차이로 완성도 UP🎨
1. 강한 인상을 주는 네온 컬러 조합
뱃지나 메뉴 등의 요소에 시선을 사로잡는 Purple💜+Lime💚의 네온 컬러를 사용하면 작지만 강한 인상을 전달할 수 있어요. 자칫 밋밋할 수 있는 심플한 상점 구조에 화려한 디자인 없이도 생동감을 전달합니다.
2. 세련된 느낌을 주는 폭이 좁은 폰트
에끌레어 템플릿에 사용된 폰트인 ‘Abel(아벨)’은 글자 폭이 좁은 ‘Condensed(컨덴스드; 압축)’ 폰트로, 일반적인 폰트보다 가독성이 좋고 세련된 느낌을 줍니다.
3. 은은하고 부드러운 무드를 전하는 그라데이션 이미지
주얼리에서 느껴지는 빛의 느낌을 담아 그라데이션 이미지를 사용했어요. 번지는 듯한 효과로 고급스럽고 신비한 무드를 연출할 수 있어요. 튀어 보일 수 있는 네온 컬러를 동적이면서도 부드럽게 적용할 수 있는 방법이에요.
