프로젝트 상담 신청 프로젝트 소개로 건너뛰기

셀르디엠 × 이레라움META AD LANDING · 2026

바탕을채우다

스킨부스터 셀르디엠의 인스타그램 광고를 보고 들어온 사람이 이레라움에서 상담을 신청하기까지, 광고와 랜딩페이지를 함께 설계한 기록입니다.
광고 이미지 3종 · 광고 영상 2편 · 랜딩페이지 장면 15개 · 상담 관리 화면

케이스 읽기

01 · KEYHOLE광고의 첫 장면은 열쇠구멍이었습니다
랜딩페이지도 같은 열쇠구멍에서 시작합니다

02 · ECM열쇠구멍 너머에 피부의 바탕이 있습니다
콜라겐과 엘라스틴, GAGs가 얽힌 짜임을 97프레임으로 넘깁니다

03 · ARCH열쇠구멍은 이레라움의 아치가 됩니다
제품의 이야기가 병원의 공간으로 이어지는 자리입니다

04 · LIGHT아치 안의 화병에 빛이 채워집니다
병원의 문장 「빛으로 차오르는 아름다움」을 장면으로 옮겼습니다

01 / OVERVIEW프로젝트 개요

광고에서 상담까지,
페이지 하나로

셀르디엠(CellREDM)은 피부 바탕을 이루는 구조인 ECM을 담은 스킨부스터입니다. 피부결과 탄력을 위한 셀르디엠, 볼륨을 위한 셀르디엠 V, 눈가처럼 섬세한 부위를 위한 셀르디엠 B까지 세 가지 제품이 있습니다. 신논현역 근처의 이레라움의원은 이 세 제품의 상담을 인스타그램 광고로 알리기로 했습니다.

광고를 보고 들어온 사람은 셀르디엠이 무엇인지, 자기 고민에 맞는지, 어디서 상담받을지를 아직 모릅니다. 우리는 광고 이미지와 영상, 그 광고가 연결되는 랜딩페이지, 상담이 들어온 뒤 병원이 보는 목록까지를 하나의 흐름으로 설계했습니다. 이 페이지는 그 과정에서 고민한 질문과 형태, 색과 문장, 그리고 고르거나 고친 시안을 순서대로 정리한 기록입니다.

CLIENT
이레라움의원
셀르디엠 · V · B 상담
PAGE
ireraum.com/cellredm
메타 광고 전용 랜딩페이지
OUR ROLE
캠페인 구조, 광고 이미지 · 영상,
랜딩페이지 기획 · UI · 모션, 상담 접수 화면
DELIVERABLE
광고 3종 · 영상 2편,
랜딩페이지 1개 · 상담 관리 화면
  • 3종고민에 따라 고르는 제품셀르디엠 · 셀르디엠 V · 셀르디엠 B
  • 15개랜딩페이지를 이루는 장면첫 화면의 열쇠구멍부터 오시는 길까지
  • 4개상담 신청서가 받는 정보이름 · 연락처 · 관심 제품 · 연락 시간
  • 7차메인 광고 영상의 최종 수정본자막 · 간격 · 장면 순서를 차례로 고친 35초 영상
CellREDM 셀르디엠 워드마크
제품 브랜드 셀르디엠과 병원 브랜드 이레라움이 한 페이지에 함께 나옵니다. 제품 로고는 제조사 영상의 마지막 장면에서 흰 글자만 떠냈고, 병원 로고는 홈페이지의 벡터 원본을 썼습니다.
  1. 광고를 받을 페이지

    광고를 보고 들어온 사람에게 따로 보여 줄 페이지가 필요하다는 제안에서 출발했습니다.

  2. 광고 캠페인 제안

    제품 설명 · 고민별 선택 · 이레라움 혜택의 세 갈래 광고와 영상 광고를 함께 제안했습니다.

  3. 광고 영상 두 편

    24초 제안 영상과 내레이션을 넣은 35초 메인 영상을 만들고, 메인 영상은 7차까지 고쳤습니다.

  4. 랜딩페이지 시안과 공개

    광고의 첫 장면을 이어받은 랜딩페이지 시안을 오전에 보여 드렸고, 같은 날 상담 관리 화면과 함께 열었습니다.

  5. 심의 일정 반영

    의료광고 사전심의 기간을 반영해 광고를 시작하는 날을 다시 잡았습니다.

  6. 장면 여덟 개 추가

    병원이 시술 플랫폼용으로 만든 상세페이지에서 랜딩페이지에 없던 내용을 골라 장면을 더했습니다.

02 / QUESTION질문

광고를 누른 사람의 마음은 세 번의 질문을 지나갑니다. 랜딩페이지의 장면 열다섯 개는 이 질문의 순서대로 놓였습니다. 오른쪽 띠는 랜딩페이지 전체를 세로로 줄인 것입니다. 장면의 길이는 실제 스크롤 길이에 맞췄습니다.

  1. START

    스킨부스터, 무엇을 고를까요?

    광고 영상과 같은 질문으로 시작합니다. 첫 화면과 고민 장면은 답을 주기보다 방문자가 자기 고민을 떠올리게 합니다.

    첫 화면 · 고민
  2. Q1

    셀르디엠이 뭐지?

    피부 바탕(ECM)이 무엇이고 셀르디엠이 그것을 어떻게 담았는지 먼저 보여 줍니다. 원료가 진피 조직에서 출발해 세포를 걷어 내고 75µm 입자가 되기까지를 차례로 그립니다.

    도자기 · ECM · 원료와 입자
  3. Q2

    내 고민에도 맞을까?

    제품 이름보다 고민의 말로 고르게 합니다. 피부결 · 볼륨 · 눈가 가운데 하나를 누르면 상담해 볼 제품을 알려 주고, 신청서의 관심 제품을 미리 골라 둡니다.

    3종 · 권장 대상 · 고민 고르기
  4. Q3

    이레라움에서 상담해 볼까?

    누가, 어디서, 어떤 순서로 시술하는지 보여 준 뒤에 신청서를 엽니다. 대표원장 상담과 3D 피부 분석, 여섯 단계의 시술 순서, 머무는 공간이 신청서 앞에 놓입니다.

    이레라움 · 진료 원칙 · 시술 순서 · 공간 · 브랜드 · 상담 신청 · 오시는 길
  1. 01 첫 화면
  2. 02 고민
  3. 03 도자기
  4. 04 ECM
  5. 05 원료와 입자
  6. 06 3종
  7. 07 권장 대상
  8. 08 고민 고르기
  9. 09 이레라움
  10. 10 진료 원칙
  11. 11 시술 순서
  12. 12 공간
  13. 13 브랜드
  14. 14 상담 신청
  15. 15 오시는 길
밤의 장면낮의 장면34,266px · PC 1440 기준
03 / TWO BRANDS두 브랜드

제품의 밤,
병원의 낮

이 랜딩페이지에는 두 브랜드가 함께 나옵니다. 제품을 만든 셀르디엠과, 그 제품으로 상담하고 시술하는 이레라움입니다. 어느 한쪽만 크게 보이면 광고를 누른 사람은 이 페이지를 제품 홍보물이나 병원 소개서 가운데 하나로 읽습니다.

그래서 페이지를 반으로 나눴습니다. 앞의 절반은 제품을 설명하는 밤의 장면이고, 뒤의 절반은 병원을 소개하는 낮의 장면입니다. 밤이 낮으로 바뀌는 연출은 이레라움 장면 한 곳에만 두었습니다.

PRODUCT · NIGHT CellREDM

ECM · ADM · 75µm
셀르디엠 · V · B

CLINIC · DAY

빛으로 차오르는 아름다움
신논현역 도보 4분

아치 모양의 벽이 있는 이레라움 로비

CELLREDM제품이 가져온 것

  • 흰 글자의 워드마크

    제조사 영상의 마지막 장면에서 흰 글자만 떠냈습니다. 어두운 배경에서만 씁니다.

  • 상자 세 개의 색

    셀르디엠은 남색, V는 은빛, B는 금빛입니다. 제품마다 뒤의 조명 색이 이 색으로 바뀝니다.

  • 열쇠구멍

    제조사 광고 영상의 첫 장면입니다. 랜딩페이지도 같은 열쇠구멍으로 시작합니다.

  • ECM · ADM · 75µm

    원료와 입자를 설명하는 말은 제조사 자료에 있는 용어만 씁니다.

IRERAUM병원이 가져온 것

  • 꽃잎 여섯 장

    이레라움의 심벌입니다. 랜딩페이지 끝의 브랜드 장면에서 한 장씩 피어납니다.

  • 아이보리와 남색

    병원 홈페이지의 바탕색과 글자색을 그대로 가져와, 병원을 소개하는 장면부터 씁니다.

  • 아치

    로비와 복도, 상담실 문이 모두 아치입니다. 사진의 틀과 영상의 틀도 아치로 잘랐습니다.

  • 빛으로 차오르는 아름다움

    병원의 문장입니다. 도자기 장면과 브랜드 장면에서 빛이 채워지는 연출로 옮겼습니다.

  1. 어두운 화면 가운데에 작은 아치가 있는 이레라움 장면의 시작01 · 작은 아치
  2. 아치에서 퍼진 빛이 화면을 아이보리로 바꾸는 장면02 · 빛이 퍼짐
  3. 아이보리 화면 위로 이레라움 로비 사진과 제목이 놓인 장면03 · 낮의 병원
밤이 낮으로 바뀌는 연출을 둔 자리입니다. 어두운 화면 가운데 작은 아치에서 빛이 퍼지며 바탕이 아이보리로 바뀌고, 그 아치가 실제 로비 사진의 틀이 됩니다.
04 / SHAPE형태

열쇠구멍과 아치는
한 모양에서 갈라졌습니다

제조사가 준 광고 영상은 열쇠구멍으로 시작합니다. 이레라움의 로비와 복도에는 아치가 되풀이됩니다. 둘을 나란히 놓고 보니 같은 구조였습니다. 열쇠구멍은 원 아래에 사다리꼴을 붙인 모양이고, 아치는 반원 아래에 직사각형을 붙인 모양입니다.

원의 크기와 아래쪽 폭만 바꾸면 하나가 다른 하나로 바뀝니다. 그래서 랜딩페이지는 열쇠구멍에서 시작해 아치로 끝나도록 짰습니다. 제품의 첫 장면으로 들어와 병원의 문으로 나가는 순서입니다.

열쇠구멍0%

  1. 01

    열쇠구멍

    원 아래에 아래로 넓어지는 사다리꼴을 붙인 모양입니다. 원의 지름은 88, 사다리꼴의 아래 폭은 64입니다. 랜딩페이지의 첫 화면에서 이 열쇠구멍 안으로 들어갑니다.

  2. 02

    그 사이

    원을 조금 키우고 사다리꼴의 아래를 벌리면 열쇠구멍이 문틀처럼 서기 시작합니다. 랜딩페이지의 앞쪽 장면은 열쇠구멍을, 뒤쪽 장면은 아치를 쓰고, 이 페이지의 첫 화면은 그 사이를 직접 이어 보여 줍니다.

  3. 03

    아치

    반원 아래에 곧은 직사각형을 붙인 모양입니다. 로비 사진의 틀, 상담 장면의 영상 틀, 공간 장면의 문이 모두 이 아치입니다.

  • 열쇠구멍 안에 모델 영상이 보이는 랜딩페이지 첫 화면첫 화면열쇠구멍 안의 모델 영상
  • 아치 모양으로 자른 로비 사진이레라움아치로 자른 로비 사진
  • 아치 모양 틀 안에서 재생되는 상담 장면 영상상담 신청아치 틀 안의 영상
  • 라운지의 아치 문을 지나 1인실로 들어가는 공간 장면공간아치 문을 지나는 걸음
05 / COLOR컬러

밤의 자두색 위에
샴페인 빛 한 줄

배경은 거의 검은 자두색 #0E0610입니다. 검정보다 따뜻하고 보라보다 어두워서, 제품 상자의 남색과 은빛, 금빛이 모두 또렷하게 떠오릅니다.

열쇠구멍의 테두리에는 샴페인에서 금빛, 물빛, 라일락으로 번지는 그라데이션을 썼습니다. 상자 세 개와 피부 바탕의 세 성분처럼, 서로 다른 빛이 한 줄로 이어지는 색입니다.

자두색 유리상담 장면의 배경입니다. 밤의 배경색과 샴페인 반사를 이 사진에서 맞췄습니다.
피부 바탕의 짜임ECM 장면의 첫 프레임입니다. 오키드와 샴페인이 섞인 섬유 다발에서 빛의 색을 골랐습니다.
도자기빛이 채워지는 화병입니다. 매끈한 피부결을 설명하는 장면의 재료입니다.
이레라움의 아치실제 로비 사진입니다. 아이보리와 아치의 형태를 이 공간에서 가져왔습니다.
물방울권장 대상 장면의 진주색 물방울입니다. 밤과 낮 사이의 진주색 장면에 씁니다.
샴페인 무대메인 광고 영상에서 제품을 올린 무대입니다. 금빛 강조색의 기준이 되었습니다.

RIM GRADIENT열쇠구멍 테두리 · 큰 제목의 강조

  1. #F6E2C2
  2. #C79A5C
  3. #9FD4D8
  4. #E7C5F0

NIGHT밤의 배경

검정보다 따뜻하고 보라보다 어두운 자두색입니다. 제품을 소개하는 앞의 절반이 이 배경 위에 놓입니다.

LIGHT빛의 색

샴페인과 금빛은 제품의 빛, 오키드와 라일락은 피부 바탕의 빛입니다. 강조와 그라데이션에만 씁니다.

DAY낮의 배경

이레라움 홈페이지의 아이보리와 남색입니다. 병원을 소개하는 뒤의 절반이 이 배경으로 바뀝니다.

BOXES상자 세 개

제품 상자의 모서리에서 고른 색입니다. 3종 장면에서 상자가 바뀔 때마다 뒤의 조명이 이 색으로 물듭니다.

ON SCREEN랜딩페이지 PC 장면 캡처 45개에서 색마다 차지한 넓이

  • 자두색 95027.4%
  • 자두색 80013%
  • 자두색 70012.9%
  • 아이보리29.1%
  • 아이보리 25.7%
  • 먹5.9%
  • 오키드1.3%
  • 샴페인4.6%

밤의 자두색 세 가지가 화면의 53.3%를, 낮의 아이보리와 먹이 40.7%를 차지합니다. 강조색인 샴페인과 오키드는 둘을 합쳐 5.9%뿐입니다. 비율은 색마다 가까운 화소(RGB 거리 40 안)만 센 값이고, 장면 캡처 화소의 92.9%가 이 여덟 색 가운데 하나에 들었습니다.

CONTRAST본문 글자는 4.5:1, 그래픽과 큰 글자는 3:1을 기준으로 잽니다.

조합견본대비판정
본문 · 자두색 배경가나 Aa18.0:1본문 통과
보조 글자 · 자두색 배경가나 Aa11.7:1본문 통과
샴페인 강조 · 자두색 배경가나 Aa13.3:1본문 통과
오키드 링크 · 자두색 배경가나 Aa8.7:1본문 통과
자수정 · 자두색 배경가나 Aa5.1:1본문 통과
본문 · 아이보리 배경가나 Aa15.3:1본문 통과
보조 글자 · 아이보리 배경가나 Aa8.1:1본문 통과
남색 강조 · 아이보리 배경가나 Aa9.8:1본문 통과
골드 · 아이보리 배경가나 Aa1.8:1글자 금지
  • 01그라데이션은 한 줄로만

    열쇠구멍의 테두리와 큰 제목의 강조에만 그라데이션을 씁니다. 버튼과 본문에는 쓰지 않습니다.

  • 02골드는 밤에만

    골드 #D6AA68은 자두색 배경에서는 9:1을 넘지만 아이보리 배경에서는 1.8:1에 그칩니다. 그래서 낮의 장면에서는 골드를 글자에 쓰지 않습니다.

  • 03상자 색은 상자 장면에만

    남색 · 은빛 · 금빛은 제품을 가리킬 때만 씁니다. 다른 장면의 강조색으로 가져가지 않습니다.

  • 04밤이 낮이 되는 연출은 한 번

    자두색 배경이 아이보리로 바뀌는 연출은 이레라움 장면 한 곳에만 둡니다. 상담 신청 장면은 다시 자두색이지만, 연출 없이 배경만 바꿔 신청서에 눈이 가게 했습니다.

06 / WORDS문장의 기준

효과를 약속하지 않고
고르는 법을 말합니다

스킨부스터 광고는 의료광고입니다. 광고에 쓰는 이미지와 영상, 문장은 미리 심의를 받아야 하고, 효과를 단정하거나 다른 제품과 견주는 표현은 쓸 수 없습니다.

그래서 이 랜딩페이지의 문장은 결과를 약속하는 대신 원료와 입자, 상담 순서를 설명하는 쪽으로 썼습니다. 아래의 왼쪽은 이런 광고에서 흔히 보이는 말투를 예로 든 것이고, 오른쪽은 랜딩페이지에 실제로 쓴 문장입니다.

  1. 01

    결과를 약속하는 문장

    “이 시술 한 번으로 완성되는 피부결”

    피부결과 탄력, 속보습처럼 피부 바탕 관리를 고민할 때 상담하는 기본 제품입니다.

    효과를 단정하지 않고, 어떤 고민일 때 상담하는 제품인지를 말합니다.

  2. 02

    효과를 단정하는 말

    “속부터 회복시키는 스킨부스터”

    콜라겐, 엘라스틴, GAGs가 얽힌 구조만 남깁니다. 이것이 무세포 진피(ADM)입니다.

    결과 대신 원료와 만드는 과정을 설명합니다. 용어는 제조사 자료의 뜻에 맞춰 바로잡았습니다.

  3. 03

    다른 제품과 견주는 말

    “○○보다 오래가는”

    피부결? 볼륨? 눈가?

    다른 제품의 이름은 광고 영상과 내레이션, 자막에서 모두 뺐습니다. 대신 고민의 말로 고르게 했습니다.

  4. 04

    가격 하나만 크게

    “첫 시술가 ○○만 원!”

    첫 시술 1회 기준 가격입니다. 부가세 포함 여부와 적용 기간은 상담 때 안내해 드립니다.

    가격 아래에는 조건을 세 줄로 함께 적었습니다.

  5. 05

    시술 장면 사진

    바늘이 피부에 닿는 사진

    시술 순서의 다섯 번째 장면에는 제품 상자를 넣었습니다.

    실제 주사 장면 대신 제품을 보여 주고, 설명은 「목표한 피부층에 고르게 스며들도록」처럼 시술 방식만 적었습니다.

PRE-REVIEW광고를 열기 전의 순서

  1. 01광고안 확정

    이미지 · 영상 · 자막 · 내레이션 · 광고 본문을 한 벌로 묶습니다.

  2. 02사전심의 접수

    의료광고 심의 기관에 최종안을 접수합니다.

  3. 03약 15일

    접수가 끝난 뒤 휴일을 빼고 약 15일이 걸립니다. 수정과 재심의는 따로 셉니다.

  4. 04승인 뒤 집행

    승인된 문장과 소재로만 광고를 엽니다. 시작일은 이 일정에 맞춰 다시 잡았습니다.

랜딩페이지의 추천 결과 아래에는 「결과는 참고용입니다. 제품과 시술 방법은 의료진 상담 후 결정합니다.」를 붙였고, 페이지 맨 아래에는 시술 뒤에 나타날 수 있는 붓기와 멍, 붉어짐을 적었습니다.

07 / DIRECTIONS첫 화면 세 갈래

첫 화면을 세 번 그리고
하나를 골랐습니다

광고를 누른 사람이 가장 먼저 보는 화면은 휴대폰 화면 하나입니다. 같은 제품과 같은 질문으로 첫 화면을 세 가지로 그려 나란히 비교했습니다.

고른 기준은 하나였습니다. 광고에서 본 장면과 랜딩페이지의 첫 장면이 끊기지 않아야 합니다. 광고를 누른 사람이 같은 이야기 안에 들어왔다고 느껴야 다음 장면으로 내려갑니다.

  1. 상담 신청
    ECM SKIN BOOSTER

    피부 바탕을 채우는
    ECM 스킨부스터

    셀르디엠 · 셀르디엠 V · 셀르디엠 B

    콜라겐엘라스틴GAGs

    셀르디엠 상담 신청

    ACLINICAL WHITE

    흰 실험실

    좋았던 점원료와 성분을 설명하는 글이 가장 정확하게 읽혔습니다.

    아쉬웠던 점광고 영상의 어두운 첫 장면과 이어지지 않았습니다. 광고를 누른 사람에게는 제약 회사의 자료처럼 차갑게 읽혔습니다.

  2. 상담 신청
    CELLREDM × IRERAUM

    도자기처럼
    매끈한 피부결

    피부 바탕부터 고르는 셀르디엠 3종

    셀르디엠 상담 신청

    BPORCELAIN

    아이보리 도자기

    좋았던 점이레라움 홈페이지의 아이보리와 가장 잘 어울렸고, 매끈한 피부결이라는 말이 사진 한 장으로 전해졌습니다.

    아쉬웠던 점제품 상자가 보이지 않아, 광고에서 본 제품의 페이지라는 느낌이 약했습니다. 병원 소개서처럼 읽혔습니다.

  3. 자두색 바탕 가운데 열쇠구멍 안에 모델 영상이 보이는 최종 랜딩페이지의 휴대폰 첫 화면

    CNIGHT KEYHOLE채택

    밤의 열쇠구멍

    좋았던 점광고 영상의 첫 장면을 그대로 이어받아 광고에서 랜딩페이지로 넘어오는 순간이 끊기지 않았습니다. 어두운 배경 위에서 상자 세 개의 색이 가장 또렷했습니다.

    보완한 점밝은 병원 사진과 이어 붙이면 갑자기 밝아진다는 문제가 있었습니다. 그래서 밤에서 낮으로 넘어가는 장면을 따로 만들었습니다.

기준ABC
광고의 첫 장면과 이어짐
제품 상자가 또렷함
병원의 분위기
원료 설명이 읽힘

ONE THING CAME BACK선택하지 않은 B안의 도자기는 이틀 뒤 돌아왔습니다. 병원이 만든 상세페이지의 「도자기처럼 매끈한 피부결」이라는 문장을 랜딩페이지에 더하면서, 어두운 화병에 빛이 채워지는 장면으로 다시 그렸습니다.

08 / ADS광고 시안

광고 세 갈래와
영상 두 편

메타 광고는 세 갈래로 나눠 같은 조건에서 비교하도록 제안했습니다. 제품을 설명하는 A, 고민별로 고르게 하는 B, 이레라움의 첫 방문 혜택을 알리는 C입니다. 네 광고의 「자세히 알아보기」 버튼은 모두 같은 랜딩페이지로 이어집니다.

광고의 첫 문장과 랜딩페이지의 첫 문장은 같습니다. 광고에서 「무엇을 고를까요?」라고 물었다면, 랜딩페이지도 같은 질문으로 맞이해야 방문자가 길을 잃지 않습니다.

  1. 영상 · 셀르디엠 × 이레라움 인스타그램 광고 목업영상 · 셀르디엠 × 이레라움

    제조사 영상 위에 이레라움 로고를 얹은 영상 광고입니다. 본문은 「스킨부스터는 많은데, 무엇을 골라야 할지 고민이라면?」으로 시작합니다.

  2. A · 제품 설명 인스타그램 광고 목업A · 제품 설명

    「피부 바탕을 채우는 ECM 스킨부스터」. 상자 세 개를 나란히 세워 셀르디엠이 무엇인지 한 줄로 알립니다.

  3. B · 고민별 선택 인스타그램 광고 목업B · 고민별 선택

    「피부결, 볼륨, 눈가. 고민마다 고르는 셀르디엠」. 고민 세 개와 제품 세 개를 짝지어 보여 줍니다.

  4. C · 이레라움 혜택 인스타그램 광고 목업C · 이레라움 혜택

    「셀르디엠, 이레라움에서 시작하세요」. 첫 방문 혜택과 위치로 관심을 끕니다. 가격은 이 페이지에서 가렸습니다.

24초 제안 영상「스킨부스터, 무엇을 고를까요?」라는 질문으로 시작해 고민 세 개와 제품 세 개를 짝짓고, 실제 로비와 위치로 끝냅니다. 소리 없이 봐도 이해되도록 모든 장면에 자막을 넣었습니다. 여기에는 제품 장면부터 끝까지 18초를 실었습니다.
35초 메인 영상내레이션과 배경 음악을 넣은 메인 광고입니다. 셀르디엠, V, B를 차례로 소개하고 「나에게 맞는 셀르디엠, 이레라움에서」로 맺습니다. 여기에는 제품 장면만 소리 없이 이어 실었습니다.

REVISIONS35초 메인 영상을 고친 기록

  1. 1차

    30초로 첫 편집을 했습니다. 고민을 묻는 질문으로 시작해 V와 B를 차례로 소개합니다.

  2. 2차

    영상과 내레이션, 자막, 페이지에서 다른 제품의 이름을 모두 뺐습니다. 첫 장면의 목록은 볼륨 · 피부결 · 탄력이라는 고민으로 바꿨습니다.

  3. 3차

    제목과 자막을 메타 릴스의 안전 영역(위 14%, 아래 35%, 양옆 6%) 안으로 옮겼습니다. 4:5 피드용은 위에서 80px 아래부터 잘랐습니다.

  4. 4차

    V 장면의 자막 상자와 영어 라벨을 없애고, 제목과 제품 사이를 넉넉히 벌려 가운데에 맞췄습니다.

  5. 5차

    기본 셀르디엠 장면(7~11초)을 더하고, 마지막 장면에 세 제품을 모두 세웠습니다. B 장면도 V와 같은 배치로 맞췄습니다.

  6. 6차

    제품이 도는 장면을 3초로 늘리고 얼굴 장면을 따로 떼었습니다. 마지막 화면은 7초 동안 머물러 전체가 35초가 되었습니다.

  7. 7차

    마지막 화면에서 제품과 버튼 사이를 36px, 버튼과 안내 문구 사이를 72px 더 벌렸습니다.

  1. 볼륨?
  2. 볼륨? 피부결? 탄력?
  3. 피부결을 고려한 선택, 셀르디엠
  4. 볼륨을 고려한 선택, 셀르디엠 V
  5. 얼굴도,
  6. 따로 고민했다면, 함께 상담하세요.
  7. 섬세한 부위를 위한 선택, 셀르디엠 B
  8. 나에게 맞는 셀르디엠, 이레라움에서.
최종 랜딩페이지

NIGHT KEYHOLE밤의 열쇠구멍에서 낮의 아치까지

광고의 첫 장면으로 시작해 피부 바탕과 제품 세 개를 지나, 작은 아치의 빛을 따라 병원으로 들어갑니다. 장면 열다섯 개 가운데 여덟 곳은 화면을 붙잡은 채 스크롤로 움직입니다.

  • 광고 영상의 첫 장면인 열쇠구멍으로 시작합니다
  • ECM 97프레임 · 화병 48프레임을 스크롤 위치에 맞춰 넘깁니다
  • 고민 고르기의 결과가 신청서의 관심 제품을 미리 고릅니다
  • 움직임을 줄인 기기에서는 정적인 배치로 바뀝니다
밤 · 빛 · 낮
DIRECTION NOTES

연출에 공을 들인 장면을 골랐습니다. 사진을 누르면 장면별 화면을 크게 볼 수 있습니다.

  1. 열쇠구멍 안으로

    열쇠구멍 테두리가 화면 밖으로 커지면 모델 영상이 화면을 채우고, 빛이 번진 뒤 금빛 입자 영상으로 바뀝니다.

  2. 고민을 묻는 큰 글자

    스크롤에 따라 문장의 낱말이 차례로 밝아지고, 「피부결? 볼륨? 눈가?」가 좌우로 흐릅니다.

  3. 빛이 채워지는 화병

    어두운 화병에 왼쪽부터 빛이 채워집니다. 3D로 렌더링한 48프레임을 스크롤에 맞춰 넘깁니다.

  4. ECM 렌즈

    원형 렌즈 안에서 97프레임의 프레임이 넘어가고, 테두리의 점 세 개가 콜라겐 · 엘라스틴 · GAGs를 짚습니다.

  5. 진피에서 75µm까지

    캔버스 위의 섬유가 세포를 걷어 낸 뒤 작은 입자로 부서져 피부층 사이로 고르게 퍼집니다.

  6. 상자 세 개

    화면을 붙잡은 채 가로로 넘기며 상자를 3D로 돌립니다. 제품마다 뒤의 조명 색이 바뀝니다.

  7. 작은 아치의 빛

    어두운 화면 가운데 작은 아치에서 빛이 퍼져 아이보리 화면이 되고, 실제 로비 사진이 커집니다.

  8. 아치를 지나 걷기

    라운지의 아치 문을 지나 1인실로, 1인실의 안쪽 벽을 지나 파우더룸으로 들어갑니다.

10 / MAKING만드는 법

영상은 재생하지 않고
스크롤로 넘깁니다

ECM 장면과 도자기 장면은 영상을 그대로 틀지 않습니다. 영상을 프레임 단위의 그림으로 나눠 두고, 스크롤 위치에 맞는 프레임을 캔버스에 그립니다. 방문자가 내리는 속도가 곧 영상의 속도가 됩니다.

아래에서 직접 넘겨 볼 수 있습니다. 화면 위에서 가로로 끌거나 아래 막대를 움직여 보세요.

ECM · TWO TAKES

8초 영상 두 안

피부 바탕을 보여 줄 8초 영상을 두 안 만들었습니다. 두 안 모두 섬유 다발 사이로 들어가 물방울(GAGs) 하나에서 멈춥니다. 랜딩페이지에는 렌즈 안에서 움직임이 더 또렷한 B안을 썼습니다.

렌즈 안에서 움직임이 또렷하도록 더 깊이 파고드는 안입니다. 랜딩페이지에는 이 안을 97프레임으로 나눠 썼습니다.

001 / 049

01 / 48

PORCELAIN · 48 FRAMES

빛이 채워지는 화병

도자기 장면의 화병은 3D로 모델링해 48프레임으로 렌더링했습니다. 왼쪽에서 들어온 빛이 어두운 화병을 천천히 채우도록 조명의 넓이만 바꿨습니다. 프레임 하나의 크기는 960×1200이고, 휴대폰은 640×800 크기의 프레임을 받습니다.

BOXES · CSS 3D

사진 하나로 세운 상자

제품 상자 사진의 테두리를 정리해 앞면으로 쓰고, 나머지 다섯 면은 상자 모서리의 색으로 칠했습니다. 3D 모델 없이 화면에서 바로 돌아갑니다.

  1. 01포스터 이미지

    첫 화면은 영상 대신 포스터 이미지를 먼저 그립니다. 영상은 그다음에 불러옵니다.

  2. 02화면 크기별 영상

    넓은 화면은 1080px, 휴대폰은 720px 영상을 받습니다. 데이터 절약 모드에서는 작은 영상만 씁니다.

  3. 03가까워질 때 프레임

    ECM 97프레임과 화병 48프레임은 장면이 화면 두세 개 거리로 가까워지면 네 프레임씩 나눠 받습니다. 데이터 절약 모드에서는 세 프레임에 하나만 받습니다.

  4. 04움직임 줄이기

    움직임을 줄이도록 설정한 기기에서는 고정 장면을 풀고, 포스터와 세로 목록으로 같은 내용을 보여 줍니다.

11 / CONSULT상담까지

신청서는 네 항목,
그다음은 병원의 목록

상담 신청은 1분 안에 끝나도록 네 항목만 받습니다. 고민 고르기에서 누른 버튼은 신청서의 관심 제품을 미리 골라 둡니다. 피부 질환처럼 건강에 관한 정보는 받지 않습니다.

신청이 들어오면 병원은 목록에서 상태를 바꾸고 메모를 남깁니다. 저장하면 바로 다음 상담이 열려, 전화를 걸고 기록하는 일을 쉬지 않고 이어 갈 수 있습니다.

  1. 1이름

    두 글자에서 스무 글자까지 받습니다.

  2. 2연락처

    숫자만 눌러도 010-0000-0000 모양으로 바뀝니다. 휴대전화 번호만 받습니다.

  3. 3관심 제품

    셀르디엠 · V · B · 상담 후 결정. 고민 고르기에서 누른 제품이 미리 골라져 있습니다.

  4. 4연락 가능한 시간

    오전 · 낮 · 저녁 · 언제든. 병원이 전화를 거는 순서를 정할 때 씁니다.

  5. 5개인정보 동의

    필수 동의 하나만 받습니다. 피부 질환처럼 건강에 관한 정보는 받지 않습니다.

상담 신청 목록가상의 예시 데이터입니다.

이름관심 제품연락 시간상태

상담 처리 1 / 5

상담예시 08

010-0000-0008전화 걸기 ↗

관심 제품
셀르디엠 V
연락 시간
오후 4~7시

내부 메모오후 늦게 다시 연락하기로 함

12 / MOBILE모바일

광고는
휴대폰에서 열립니다

인스타그램 광고를 누른 사람은 대부분 휴대폰으로 들어옵니다. 휴대폰 화면의 아래쪽에는 전화 · 카카오톡 · 상담 신청 버튼이 따라다니고, 위쪽에는 이레라움 홈페이지로 가는 버튼이 늘 보입니다.

가로로 넘기던 상자 세 개는 휴대폰에서도 같은 순서로 넘어가고, 공간 장면의 사진은 세로 화면에 맞춰 문의 위치를 다시 잡습니다.

열쇠구멍과 질문 장면의 휴대폰 화면
열쇠구멍과 질문
도자기 장면의 휴대폰 화면
도자기
ECM 렌즈 장면의 휴대폰 화면
ECM 렌즈
상자 세 개 장면의 휴대폰 화면
상자 세 개
고민 고르기 장면의 휴대폰 화면
고민 고르기
시술 순서 장면의 휴대폰 화면
시술 순서
상담 신청 장면의 휴대폰 화면
상담 신청
오시는 길 장면의 휴대폰 화면
오시는 길
13 / CREDITSCELLREDM × IRERAUM · BLUECANVAS WORKS

CELLREDM META AD LANDING

바탕을
채우다

셀르디엠 × 이레라움 · 광고 3종 · 영상 2편 · 랜딩페이지 · 상담 관리

ItemDetail
Client이레라움의원 · 셀르디엠 3종 상담
Page메타 광고 전용 랜딩페이지(한국어)
Period2026년 10월 23일 ~ 10월 30일
Ads이미지 광고 3종 · 영상 광고 · 24초 제안 영상 · 35초 메인 영상
Landing장면 15개 · 고정 장면 8곳 · 상담 신청서
Consult상담 목록 · 처리 상태 · 내부 메모
Identity열쇠구멍과 아치 · 밤의 자두색 #0E0610 · 샴페인 #EAD0A8
FilmsECM 97프레임 · 화병 48프레임 · 모델 영상 · 금빛 입자 영상
TypefacePretendard Variable
Studio블루캔버스

Goal광고를 누른 사람이 같은 이야기 안에서 상담을 신청한다

    Contact

    막연한 아이디어도 괜찮습니다.
    프로젝트를 함께 정리해 보세요

    현재 상황과 목표를 남겨 주시면 가능한 작업 범위와 진행 방식, 예상 견적을 정리해 안내드립니다.

    질문 4개 · 약 2분

    작업 범위

    어떤 작업을 함께 하면 좋을까요?

    여러 개 선택할 수 있습니다. 아직 정하지 못했다면 ‘기타’를 눌러 주세요.

    예산

    생각하시는 예산 범위는 어느 정도인가요?

    범위만 알려주셔도 제안 구성에 큰 도움이 됩니다.

    프로젝트 설명

    어떤 상황인지 들려주세요.

    다듬어지지 않아도 괜찮습니다. 아래 항목을 누르면 작성 틀이 채워집니다.

    0

    RFP, 참고 문서 등을 최대 2개까지 업로드할 수 있습니다. 지원 형식: PDF, PPT, Word, Excel, JPG, PNG, ZIP

    연락처

    어디로 회신드릴까요?

    작업 범위 · 예산 · 프로젝트 설명 · 연락처를 채워 주세요.