모바일 룩북의 디테일을 완성하는 한 끗, '레이어 추가하기' 기능 업데이트

4월 17일
2분 분량

브랜드의 감성을 담은 모바일 룩북을 만들다 보면, 정성껏 찍은 화보 위에 이런 요소를 더하고 싶을 때가 있습니다.

"이 착장에 바로 구매 링크를 걸 순 없을까?"

"사진 구석에 시즌 로고나 작은 스티커 하나만 얹고 싶은데..."

"고객이 궁금할 때 바로 문의할 수 있는 버튼이 이미지 위에 있으면 좋겠다."

이미지를 편집 툴에서 수정해 다시 업로드하는 번거로움 없이, CdBd 에디터 안에서 이 모든 것이 가능해졌습니다. 모바일 룩북의 완성도와 효율을 획기적으로 높여줄 '레이어 추가하기' 기능을 소개합니다.

📋 이 글 한눈에 보기

주제: CdBd 신기능 '레이어 추가하기' 소개 및 활용법
핵심 기능: 이미지 위 스티커·아이콘 배치, X·Y축 정밀 좌표 조절, 다양한 클릭 액션(링크, 전화, 페이지 이동 등) 연결
적합한 사용자: 브랜드 감성을 디테일하게 연출하고 싶은 마케터, 룩북 내에서 즉각적인 고객 행동을 유도하고 싶은 커머스 담당자
핵심 가치: 원본 이미지 훼손 없이 인터랙티브하고 정보성 높은 모바일 룩북 완성
서비스: CdBd (가입 없이 무료 시작 가능)

평범한 이미지를 인터랙티브한 페이지로 바꾸는 법

기존의 모바일 카탈로그가 단순히 이미지를 나열하고 정보를 전달하는 역할이었다면, 이제는 고객이 이미지와 직접 상호작용할 수 있어야 합니다.

이전에는 이미지 내 특정 부분에 링크를 걸기 위해 복잡한 코딩을 하거나, 이미지 자체에 글자를 박아 넣어야 했습니다. 하지만 '레이어 추가하기' 기능을 활용하면 이미지 위에 독립적인 요소(스티커, 아이콘 등)를 층층이 쌓아 올릴 수 있습니다. 이는 단순히 보기 좋은 디자인을 넘어, 고객의 시선을 유도하고 실제 행동(구매, 문의)으로 연결하는 강력한 장치가 됩니다.

'레이어 추가하기'의 핵심 기능

1. 자유로운 스티커 및 아이콘 배치

보유하고 있는 브랜드 로고, 시즌 심볼, 혹은 안내용 아이콘을 이미지 위에 자유롭게 올릴 수 있습니다. 원본 이미지를 수정할 필요가 없으므로 시행착오가 줄어듭니다.

2. 1px 단위의 정밀한 좌표 조절

모바일 화면에서의 디테일은 한 끗 차이로 결정됩니다. 레이어 설정 창에서 X축과 Y축 값을 조절하여, 의도한 위치에 정확하게 요소를 배치할 수 있습니다. 크기 조절 역시 슬라이더로 간편하게 제어 가능합니다.

3. 목적에 따른 다양한 액션 연결

레이어는 단순한 장식이 아닙니다. 각 레이어마다 다음과 같은 기능을 연결할 수 있습니다.

페이지 이동: 룩북 내 다른 제품 상세 페이지로 연결
URL 열기: 자사몰 구매 페이지로 즉시 랜딩
전화·문자 보내기: 상세 상담이 필요한 경우 즉각적인 소통 창구 마련

모바일 룩북, 레이러 추가하기로 이렇게 활용해 보세요

시즌 화보를 모바일 룩북으로 구성한다고 가정해 봅시다. 모델이 착용한 원피스 이미지 위에 작은 이미지를 활용해 '스티커'형식의 레이어를 추가합니다. 그리고 이 스티커에 'URL 열기' 액션을 걸어 해당 제품의 구매 페이지 링크를 입력합니다.

고객은 화보를 감상하다가 마음에 드는 제품 위 스티커를 탭하는 것만으로 구매 단계에 진입하게 됩니다. 탐색 과정을 획기적으로 줄여주는 것입니다. 또한, 페이지 하단에 '문의하기' 아이콘 레이어를 고정 배치하여 고객이 언제든 상담을 요청할 수 있도록 설정할 수도 있습니다.