텍스트 ←거리 Basic ↑거리 Basic 배경 앞 이미지 X 0% Y 0% 가로 Automatic 세로 Automatic 좌우 위치 Basic 상하 위치 Basic 텍스트 폭 Basic 영문 크기 68px 100% 딤 0% 📱 PC

Saved treatments go straight to consultation

Browse, save and inquire. Care · Cart · Showcase

Summary The treatments board shows treatments and prices, and visitors add the treatments they are interested in to the cart and saved items to compare them. Showcase is a screen for swiping vertically through events, before and after photos and short videos. What visitors add leads into a consultation request.

The treatment list, cart, saved items and Showcase. Meet the flow in which visitors browse and save.

온라인상담 URL

공통형 디자인톤 FAQ·정보

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

본문 하단 도식 배치 번호 번호 모양 형태 PC 열 모바일 열 연결

모바일 영역가로폭

기본 배치공통 카드 형태 카드 배치 영역 역할 인트로 왼쪽 배치

Contents Name 상단 제목

카드 교차높이 좌우

카드 여백상하 좌우

카드 구조형태 표현 PC Slides 모바일 슬라이드 PC 열 모바일 열 이미지 비율 모바일 사진 비율

디자인 크기웹진 이미지 폭 웹진 높이 Image Location 이미지 확대 PC %모바일 확대 %이미지 라운드 카드 간격 카드 라운드

이미지·모션이미지 폭 최대폭 Sort 위 마진 아래 마진 이미지 모션 텍스트 모션

세부항목 디자인모양 가로폭 Sort 가로 칸 제목과 간격

제목 간격제목 위 제목 아래 부제 위 부제 아래 소제목 위 소제목 아래 설명 위 설명 아래 카드 위

공통형 구성

기본 배치공통 카드 형태 카드 배치 영역 역할 인트로 왼쪽 배치

카드 사이 연결기호 디자인 크기 Location 색상

개별 밑줄 디자인선 두께 폭 Sort 색상

교차·내부 텍스트교차 높이차 오버레이 선택 오버레이 직접 텍스트 선택 텍스트 직접

레이아웃 조합좌우 교차 웹진형 적용 · 개별 ⇄ 좌우 가능

CTA 디자인 열기

공통형 디자인톤 FAQ·정보

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

First, the essentials.

본문 하단 도식 배치 번호 번호 모양 형태 PC 열 모바일 열 연결

모바일 영역가로폭

기본 배치공통 카드 형태 카드 배치 영역 역할 인트로 왼쪽 배치

Contents Name 상단 제목

카드 교차높이 좌우

카드 여백상하 좌우

카드 구조형태 표현 PC Slides 모바일 슬라이드 PC 열 모바일 열 이미지 비율 모바일 사진 비율

디자인 크기웹진 이미지 폭 웹진 높이 Image Location 이미지 확대 PC %모바일 확대 %이미지 라운드 카드 간격 카드 라운드

이미지·모션이미지 폭 최대폭 Sort 위 마진 아래 마진 이미지 모션 텍스트 모션

세부항목 디자인모양 가로폭 Sort 가로 칸 제목과 간격

제목 간격제목 위 제목 아래 부제 위 부제 아래 소제목 위 소제목 아래 설명 위 설명 아래 카드 위

공통형 구성

기본 배치공통 카드 형태 카드 배치 영역 역할 인트로 왼쪽 배치

카드 사이 연결기호 디자인 크기 Location 색상

개별 밑줄 디자인선 두께 폭 Sort 색상

교차·내부 텍스트교차 높이차 오버레이 선택 오버레이 직접 텍스트 선택 텍스트 직접

레이아웃 조합좌우 교차 웹진형 적용 · 개별 ⇄ 좌우 가능

시술과 가격을 목록으로 보여 줍니다 — 배경이 투명한 실버·블루 개념 그래픽

Shows treatments and prices as a list.

Save the treatments you like and compare them.

Swipe through Showcase vertically.

Treatments you add go straight into your consultation request.

You can add items without signing up.

CTA 디자인 열기

View case studies

공통형 디자인톤 FAQ·정보

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

Treatment Guide · Cart · Showcase

From browsing, naturally to consultation.

방문자가 시술을 살펴보다가 자연스럽게 상담으로 이어지도록 만든 기능들입니다. 담은 내용은 상담 접수에 그대로 넘어갑니다.

본문 하단 도식 배치 번호 번호 모양 형태 PC 열 모바일 열 연결

모바일 영역가로폭

기본 배치공통 카드 형태 카드 배치 영역 역할 인트로 왼쪽 배치

Contents Name 상단 제목

카드 교차높이 좌우

카드 여백상하 좌우

카드 구조형태 표현 PC Slides 모바일 슬라이드 PC 열 모바일 열 이미지 비율 모바일 사진 비율

디자인 크기웹진 이미지 폭 웹진 높이 Image Location 이미지 확대 PC %모바일 확대 %이미지 라운드 카드 간격 카드 라운드

이미지·모션이미지 폭 최대폭 Sort 위 마진 아래 마진 이미지 모션 텍스트 모션

세부항목 디자인모양 가로폭 Sort 가로 칸 제목과 간격

제목 간격제목 위 제목 아래 부제 위 부제 아래 소제목 위 소제목 아래 설명 위 설명 아래 카드 위

공통형 구성

기본 배치공통 카드 형태 카드 배치 영역 역할 인트로 왼쪽 배치

카드 사이 연결기호 디자인 크기 Location 색상

개별 밑줄 디자인선 두께 폭 Sort 색상

교차·내부 텍스트교차 높이차 오버레이 선택 오버레이 직접 텍스트 선택 텍스트 직접

레이아웃 조합좌우 교차 웹진형 적용 · 개별 ⇄ 좌우 가능

CTA 디자인 열기

공통형 디자인톤 FAQ·정보

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

From browsing, naturally to consultation.

본문 하단 도식 배치 번호 번호 모양 형태 PC 열 모바일 열 연결

모바일 영역가로폭

기본 배치공통 카드 형태 카드 배치 영역 역할 인트로 왼쪽 배치

Contents Name 상단 제목

카드 교차높이 좌우

카드 여백상하 좌우

카드 구조형태 표현 PC Slides 모바일 슬라이드 PC 열 모바일 열 이미지 비율 모바일 사진 비율

디자인 크기웹진 이미지 폭 웹진 높이 Image Location 이미지 확대 PC %모바일 확대 %이미지 라운드 카드 간격 카드 라운드

이미지·모션이미지 폭 최대폭 Sort 위 마진 아래 마진 이미지 모션 텍스트 모션

세부항목 디자인모양 가로폭 Sort 가로 칸 제목과 간격

제목 간격제목 위 제목 아래 부제 위 부제 아래 소제목 위 소제목 아래 설명 위 설명 아래 카드 위

공통형 구성

기본 배치공통 카드 형태 카드 배치 영역 역할 인트로 왼쪽 배치

카드 사이 연결기호 디자인 크기 Location 색상

개별 밑줄 디자인선 두께 폭 Sort 색상

교차·내부 텍스트교차 높이차 오버레이 선택 오버레이 직접 텍스트 선택 텍스트 직접

레이아웃 조합좌우 교차 웹진형 적용 · 개별 ⇄ 좌우 가능

Treatment Guide

Shows treatments and prices as a list, searchable by category.

Cart and saved

Save the treatments you like and compare them alongside recently viewed items.

Showcase

Swipe vertically through events, before and after photos and short videos.

Add and consult

Treatments in the cart go straight into the consultation request.

Save with a heart

Tap the heart on treatments, before and after photos and posts to keep them in your saved items.

CTA 디자인 열기

공통형 디자인톤 FAQ·정보

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

Save it, find it again.

본문 하단 도식 배치 번호 번호 모양 형태 PC 열 모바일 열 연결

모바일 영역가로폭

기본 배치공통 카드 형태 카드 배치 영역 역할 인트로 왼쪽 배치

Contents Name 상단 제목

카드 교차높이 좌우

카드 여백상하 좌우

카드 구조형태 표현 PC Slides 모바일 슬라이드 PC 열 모바일 열 이미지 비율 모바일 사진 비율

디자인 크기웹진 이미지 폭 웹진 높이 Image Location 이미지 확대 PC %모바일 확대 %이미지 라운드 카드 간격 카드 라운드

이미지·모션이미지 폭 최대폭 Sort 위 마진 아래 마진 이미지 모션 텍스트 모션

세부항목 디자인모양 가로폭 Sort 가로 칸 제목과 간격

제목 간격제목 위 제목 아래 부제 위 부제 아래 소제목 위 소제목 아래 설명 위 설명 아래 카드 위

공통형 구성

기본 배치공통 카드 형태 카드 배치 영역 역할 인트로 왼쪽 배치

카드 사이 연결기호 디자인 크기 Location 색상

개별 밑줄 디자인선 두께 폭 Sort 색상

교차·내부 텍스트교차 높이차 오버레이 선택 오버레이 직접 텍스트 선택 텍스트 직접

레이아웃 조합좌우 교차 웹진형 적용 · 개별 ⇄ 좌우 가능

Add and consult.

Treatments in the cart go straight into the consultation request.

＋ 카드 이미지 선택

Save with a heart.

Tap the heart on treatments, before and after photos and posts to keep them in your saved items.

＋ 카드 이미지 선택

Event banner.

Shows ongoing events next to the treatment list.

Booking deposit payment.

Connect booking deposit payments when needed.

＋ 카드 이미지 선택

Mobile tab bar.

Places an app-style tab bar at the bottom of the mobile screen.

CTA 디자인 열기

공통형 디자인톤 FAQ·정보

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

Showcase

Events, before and after photos, all in a vertical swipe.

A screen you swipe through like short videos.

본문 하단 도식 배치 번호 번호 모양 형태 PC 열 모바일 열 연결

모바일 영역가로폭

기본 배치공통 카드 형태 카드 배치 영역 역할 인트로 왼쪽 배치

Contents Name 상단 제목

카드 교차높이 좌우

카드 여백상하 좌우

카드 구조형태 표현 PC Slides 모바일 슬라이드 PC 열 모바일 열 이미지 비율 모바일 사진 비율

디자인 크기웹진 이미지 폭 웹진 높이 Image Location 이미지 확대 PC %모바일 확대 %이미지 라운드 카드 간격 카드 라운드

이미지·모션이미지 폭 최대폭 Sort 위 마진 아래 마진 이미지 모션 텍스트 모션

세부항목 디자인모양 가로폭 Sort 가로 칸 제목과 간격

제목 간격제목 위 제목 아래 부제 위 부제 아래 소제목 위 소제목 아래 설명 위 설명 아래 카드 위

공통형 구성

기본 배치공통 카드 형태 카드 배치 영역 역할 인트로 왼쪽 배치

카드 사이 연결기호 디자인 크기 Location 색상

개별 밑줄 디자인선 두께 폭 Sort 색상

교차·내부 텍스트교차 높이차 오버레이 선택 오버레이 직접 텍스트 선택 텍스트 직접

레이아웃 조합좌우 교차 웹진형 적용 · 개별 ⇄ 좌우 가능

CTA 디자인 열기

공통형 디자인톤 FAQ·정보

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

Consultation.
어느 페이지에서든.

본문 하단 도식 배치 번호 번호 모양 형태 PC 열 모바일 열 연결

모바일 영역가로폭

기본 배치공통 카드 형태 카드 배치 영역 역할 인트로 왼쪽 배치

Contents Name 상단 제목

카드 교차높이 좌우

카드 여백상하 좌우

카드 구조형태 표현 PC Slides 모바일 슬라이드 PC 열 모바일 열 이미지 비율 모바일 사진 비율

디자인 크기웹진 이미지 폭 웹진 높이 Image Location 이미지 확대 PC %모바일 확대 %이미지 라운드 카드 간격 카드 라운드

이미지·모션이미지 폭 최대폭 Sort 위 마진 아래 마진 이미지 모션 텍스트 모션

세부항목 디자인모양 가로폭 Sort 가로 칸 제목과 간격

제목 간격제목 위 제목 아래 부제 위 부제 아래 소제목 위 소제목 아래 설명 위 설명 아래 카드 위

공통형 구성

기본 배치공통 카드 형태 카드 배치 영역 역할 인트로 왼쪽 배치

카드 사이 연결기호 디자인 크기 Location 색상

개별 밑줄 디자인선 두께 폭 Sort 색상

교차·내부 텍스트교차 높이차 오버레이 선택 오버레이 직접 텍스트 선택 텍스트 직접

레이아웃 조합좌우 교차 웹진형 적용 · 개별 ⇄ 좌우 가능

Quick consultation.

Leave an inquiry right from the intake bar at the bottom of the screen.

Consultation management.

Sort received inquiries by status.

Source tracking.

The page each inquiry came from is kept with it.

Notifications.

Notifies the administrator when a new inquiry arrives.

CTA 디자인 열기

Learn more about consultation and booking

공통형 디자인톤 FAQ·정보

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

Boards. Fit for clinics, from the start.

본문 하단 도식 배치 번호 번호 모양 형태 PC 열 모바일 열 연결

모바일 영역가로폭

기본 배치공통 카드 형태 카드 배치 영역 역할 인트로 왼쪽 배치

Contents Name 상단 제목

카드 교차높이 좌우

카드 여백상하 좌우

카드 구조형태 표현 PC Slides 모바일 슬라이드 PC 열 모바일 열 이미지 비율 모바일 사진 비율

디자인 크기웹진 이미지 폭 웹진 높이 Image Location 이미지 확대 PC %모바일 확대 %이미지 라운드 카드 간격 카드 라운드

이미지·모션이미지 폭 최대폭 Sort 위 마진 아래 마진 이미지 모션 텍스트 모션

세부항목 디자인모양 가로폭 Sort 가로 칸 제목과 간격

제목 간격제목 위 제목 아래 부제 위 부제 아래 소제목 위 소제목 아래 설명 위 설명 아래 카드 위

공통형 구성

기본 배치공통 카드 형태 카드 배치 영역 역할 인트로 왼쪽 배치

카드 사이 연결기호 디자인 크기 Location 색상

개별 밑줄 디자인선 두께 폭 Sort 색상

교차·내부 텍스트교차 높이차 오버레이 선택 오버레이 직접 텍스트 선택 텍스트 직접

레이아웃 조합좌우 교차 웹진형 적용 · 개별 ⇄ 좌우 가능

Before and after photos.

Flip through by angle and choose the view mode.

Events Reservation.

Add events and go straight to booking.

Online Consultation.

See intake, notifications and management on one screen.

Case studies.

Shown by industry.

CTA 디자인 열기

Learn more about boards

공통형 디자인톤 FAQ·정보

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

We answer your questions.

본문 하단 도식 배치 번호 번호 모양 형태 PC 열 모바일 열 연결

모바일 영역가로폭

기본 배치공통 카드 형태 카드 배치 영역 역할 인트로 왼쪽 배치

Contents Name 상단 제목

카드 교차높이 좌우

카드 여백상하 좌우

카드 구조형태 표현 PC Slides 모바일 슬라이드 PC 열 모바일 열 이미지 비율 모바일 사진 비율

디자인 크기웹진 이미지 폭 웹진 높이 Image Location 이미지 확대 PC %모바일 확대 %이미지 라운드 카드 간격 카드 라운드

이미지·모션이미지 폭 최대폭 Sort 위 마진 아래 마진 이미지 모션 텍스트 모션

세부항목 디자인모양 가로폭 Sort 가로 칸 제목과 간격

제목 간격제목 위 제목 아래 부제 위 부제 아래 소제목 위 소제목 아래 설명 위 설명 아래 카드 위

공통형 구성

기본 배치공통 카드 형태 카드 배치 영역 역할 인트로 왼쪽 배치

카드 사이 연결기호 디자인 크기 Location 색상

개별 밑줄 디자인선 두께 폭 Sort 색상

교차·내부 텍스트교차 높이차 오버레이 선택 오버레이 직접 텍스트 선택 텍스트 직접

레이아웃 조합좌우 교차 웹진형 적용 · 개별 ⇄ 좌우 가능

Can visitors save items without signing up?

Yes. Saved items are stored on the visitor's device.

Can prices be hidden?

You can choose whether to show them in settings.

CTA 디자인 열기

공통형 디자인톤 FAQ·정보

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

Try adding items yourself on the pricing page.

The pricing page on this site is built with the same feature.

본문 하단 도식 배치 번호 번호 모양 형태 PC 열 모바일 열 연결

모바일 영역가로폭

기본 배치공통 카드 형태 카드 배치 영역 역할 인트로 왼쪽 배치

Contents Name 상단 제목

카드 교차높이 좌우

카드 여백상하 좌우

카드 구조형태 표현 PC Slides 모바일 슬라이드 PC 열 모바일 열 이미지 비율 모바일 사진 비율

디자인 크기웹진 이미지 폭 웹진 높이 Image Location 이미지 확대 PC %모바일 확대 %이미지 라운드 카드 간격 카드 라운드

이미지·모션이미지 폭 최대폭 Sort 위 마진 아래 마진 이미지 모션 텍스트 모션

세부항목 디자인모양 가로폭 Sort 가로 칸 제목과 간격

제목 간격제목 위 제목 아래 부제 위 부제 아래 소제목 위 소제목 아래 설명 위 설명 아래 카드 위

공통형 구성

기본 배치공통 카드 형태 카드 배치 영역 역할 인트로 왼쪽 배치

카드 사이 연결기호 디자인 크기 Location 색상

개별 밑줄 디자인선 두께 폭 Sort 색상

교차·내부 텍스트교차 높이차 오버레이 선택 오버레이 직접 텍스트 선택 텍스트 직접

레이아웃 조합좌우 교차 웹진형 적용 · 개별 ⇄ 좌우 가능

CTA 디자인 열기

View pricing

Browse, save and inquire. Care · Cart · Showcase

First, the essentials.

Shows treatments and prices as a list.

Save the treatments you like and compare them.

Swipe through Showcase vertically.

Treatments you add go straight into your consultation request.

You can add items without signing up.

From browsing, naturally to consultation.

From browsing, naturally to consultation.

Treatment Guide

Cart and saved

Showcase

Add and consult

Save with a heart

Save it, find it again.

Add and consult.

Save with a heart.

Recently viewed.

Event banner.

Booking deposit payment.

Mobile tab bar.

Events, before and after photos, all in a vertical swipe.

Consultation.어느 페이지에서든.

Quick consultation.

Consultation management.

Source tracking.

Notifications.

Boards. Fit for clinics, from the start.

Before and after photos.

Events Reservation.

Online Consultation.

Case studies.

We answer your questions.

Can visitors save items without signing up?

Can prices be hidden?

Try adding items yourself on the pricing page.

Care · Cart · Showcase Related Blog Posts

Consultation.
어느 페이지에서든.