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

4월 17일
2분 분량

최종 수정일: 2일 전

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

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

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

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

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

📋 이 글 한눈에 보기

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

평범한 이미지를 인터랙티브한 페이지로 바꾸려면 어떻게 해야 하나요?

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

*레이어 추가하기를 선택하면 다양한 액션을 추가할 수 있어요!*

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

'레이어 추가하기'의 핵심 기능은 무엇인가요?

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

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

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

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

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

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

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

모바일 룩북, '레이어 추가하기'로 어떻게 활용할 수 있나요?

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

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