톡톡 튀는 유니크한 개성을 가진 템플릿, BUTTER FREE

2022-1-19 · 템플릿 소개

임팩트 있고 톡톡 튀는 컬러풀한 템플릿이 출시되었어요.
유니크한 감성을 가득 담은 무버터, 무설탕 간식 브랜드 템플릿 'BUTTER FREE(버터프리)'를 소개합니다. 🍩 맛있는 간식을 누구나 마음 편히 즐길 수 있도록 친근하고 위트 있는 무드로 제작되었어요.

이런 브랜드 상점에 추천해요

✅ 브랜드 개성을 유니크하게 표현하고 싶은 상점
✅ 브랜드 색상을 전면에 사용해 생동감 있는 룩앤필을 연출하고 싶은 상점
✅ 브랜드 스토리와 상품을 매끄럽게 연결하고 싶은 상점
✅ 볼드한 글씨체와 그래픽 모티프, 그리드 레이아웃을 활용하고 싶은 상점

템플릿 주요 포인트

이런 점을 신경써서 만들었어요 🔨

1. 임팩트 있는 홈 구성

홈 화면에서는 브랜드 색상의 비중을 높이고, 볼드한 글씨체와 그래픽 모티프를 활용해 브랜드 컨셉이 돋보이게 표현했어요. 흰 배경을 사용해 상품마다 주목도를 높이고, 상품 목록을 그리드 형태로 구성해 차별화했어요. 이렇게 하면 임팩트 있는 브랜드 무드에 상품들이 자연스럽게 연결돼요. 상품을 둘러보는 내내 브랜드 무드를 한껏 느껴보세요!

🖐 ‘버터 프리’만의 개성 있는 5가지 홈 구조

1) 메인 배너 섹션
강력한 브랜드 메시지를 전달하기 위해 메인 슬로건과 이미지를 화면 양쪽에 좌우로 배치했어요. 메인 슬로건은 흰색 배경을 사용해 메시지 주목도를 높이고, GIF 이미지를 사용해 매력적인 인상을 더 했어요.

2) 카테고리 메뉴
점을 대표하는 메뉴로 쉽게 이동할 수 있도록 갤러리 섹션으로 카테고리 메뉴를 만들었어요. 버터 프리 간식 모양을 상징하는 그래픽 모티프를 넣어 브랜드 룩앤필이 잘 느껴지도록 표현했답니다. 내 상품과 어울리는 그래픽 모티프를 이용해 나만의 특별한 카테고리 메뉴를 만들어보세요!

3) 그리드 형태의 상품 목록
갤러리 섹션을 활용해 그리드 형태를 만들고 그 안에 상품을 담았어요. 이렇게 활용하면 일반적인 상품 목록과는 다른 개성을 줄 수 있어요.

4) 상품 슬라이드
상품 슬라이드 섹션을 이용해 고객의 마음을 사로잡을 상품들을 넣어보세요. 섹션의 타이틀을 추가해 고객에게 상품을 한층 매력적으로 소개하세요.

5) 브랜드 소개 배너
카테고리 메뉴와 마찬가지로 그래픽 모티프를 활용해 브랜드 스토리 배너와 오프라인 매장 안내 배너를 구성했어요. 배너 영역을 활용해 고객에게 상점을 한층 더 가까이 연결해 보세요.

2. 상품에 브랜드 스토리를 담는 법

상품에도 브랜드 가치가 고스란히 더해질 수 있도록 페이지 곳곳에서 상품의 컨셉 이미지를 보여주고, 브랜드 목소리를 강조하고 있어요. ‘버터 프리’가 어떻게 상품에 브랜드 가치를 더하고 있는지 살펴볼까요? 😋

1) STORY 메뉴 활용하기

건강하고 맛있는 간식에 진심을 다하는 ‘버터 프리’의 철학을 강조하고자, 머리글에서 STORY 메뉴를 가장 앞에 배치했어요. STORY 페이지에는 먹음직스러운 간식과 만들어지는 과정을 담은 이미지, 브랜드 무드를 전달하는 그래픽 이미지, 소개 메시지를 담아 브랜드를 친근하게 소개하고 있어요.

2) 상품 테마별 기획전 구성하기

‘버터 프리’ 템플릿의 PICK 페이지를 주목해주세요. 판매자가 테마별로 기획한 상품을 골라 볼 수 있도록, 상품 목록 섹션에서 필터를 사용해 ‘100kcal 이하’, ‘비건 간식’과 같은 기획전을 구성했어요. 고객은 각기 다른 테마별로 상품을 살펴볼 수 있어 흥미를 느낄 거예요.

상품에 보조 설명을 활용해 간식의 재료와 칼로리 정보를 넣은 점도 특징이에요. ‘버터 프리’에서 ‘건강한 간식’에 어울리는 상품 목록을 구성한 것처럼, 브랜드가 전달하고자 하는 가치를 중심으로 상품 목록을 구성해보세요.

템플릿 핵심 기능

1. 메인 배너 섹션 개선

메인 배너 섹션에 '색상' 옵션이 추가되었어요. ‘버터 프리’에서는 흰색 배경과 이미지의 대비를 통해 홈 화면을 심플하게 구성하고, 메인 슬로건의 주목도 또한 더욱 높였어요.

2. 상품 목록 섹션 필터 스타일 추가

상품 목록 필터를 더욱 매력적으로 표현하기 위해 ‘알약 전체’ 옵션을 선택했어요. ‘글자’, ‘알약’, ‘알약 전체’, ‘밑줄’ 네 가지 스타일로 디테일을 챙겨보세요.

템플릿 200% 활용 꿀팁

한 끗 차이로 완성도 UP 🎨

1. 생동감 넘치는 색상 조합

브랜드 메인 색상의 비중을 높여 상점 전체를 생동감 있게 연출했어요. 또, ‘버터 프리’의 ‘누구나 죄책감 없는 맛있는 간식’이라는 슬로건을 친근하고 위트 있게 전달하기 위해, 발랄한 느낌의 색상을 포인트로 사용했어요.

2. 친근하고 위트 있는 글꼴의 조화

대표 영문 글씨체는 'Rammetto One'으로, 볼드하고 작은 굵기 변화로 위트 있는 느낌을 전달해주는 서체예요. ‘버터 프리’ 템플릿에 생동감 한 스푼을 더해주는 서체이죠. 한글 글씨체로는 ‘산돌 네모니’를 사용해 영문 글씨체와 일관된 룩앤필을 전개했어요.