DESIGN CONCEPT 03

프리미엄

절제되고 고급스러운 인상

큰 이미지와 절제된 글자, 넓은 여백을 사용해 기능의 수보다 브랜드 경험과 선택의 가치를 강조하는 방향입니다.

절제몰입희소성

잘 맞는 서비스뷰티·패션·멤버십 서비스

PRIVATE CAREMEMBER 01

YOUR NEXT SESSION

A moment
for yourself.

SEP 04 · 14:30

상담 일정

프라이빗 케어 · 30분

컨셉 구성 요소 상세

프리미엄 화면을 만드는 구체적인 방법

카드를 많이 쌓기보다 큰 이미지, 절제된 문장과 넓은 여백으로 한 번에 하나의 경험에 시선을 집중시킵니다.

핵심 원칙

더 많이 보여주는 대신 무엇을 남길지 선택해 브랜드의 자신감과 희소성을 전달합니다.

PRIVATE EDITION09 / 26

A PRIVATE MOMENT

A quieter way
to care.

당신만을 위해 천천히 설계된 프라이빗 케어 경험.

34PX SERIF14PX BODYWIDE SPACE

ELEMENT 01

편집형 타이포그래피

큰 제목과 작은 라벨의 대비, 세리프와 산세리프의 제한적인 조합으로 편집물 같은 인상을 만듭니다.

구성 기준

  • 대표 제목은 30~36px로 넓은 여백 안에 단독 배치합니다.
  • 짧은 영문 라벨은 자간을 넓혀 섹션과 회원 등급을 표시합니다.
  • 본문은 한 번에 2~3줄만 보여주고 핵심 경험을 묘사합니다.

이렇게 구성하는 이유

텍스트 수를 줄이고 크기 차이를 키우면 사용자가 문장을 정보가 아니라 브랜드의 목소리로 받아들입니다.

피해야 할 방식 · 여러 글꼴과 장식체를 섞거나 긴 상품 설명을 작은 크기로 빽빽하게 채우지 않습니다.

SESSION 02

Private Balance

개인별 리포트를 포함한 50분의 집중 케어.

₩180,000

CARD 0DIVIDER 1PXRADIUS 8PX

ELEMENT 02

카드를 최소화한 표면

모든 정보를 카드로 감싸지 않고 이미지, 여백과 얇은 구분선으로 영역을 나눕니다.

구성 기준

  • 전체 화면을 하나의 편집 면처럼 사용하고 카드 수를 의도적으로 줄입니다.
  • 8px 안팎의 작은 모서리와 얇은 선으로 절제된 인상을 유지합니다.
  • 이미지는 넓게, 텍스트는 짧게 배치해 두 요소가 경쟁하지 않게 합니다.

이렇게 구성하는 이유

표면이 단순할수록 이미지 품질과 문장의 무게가 드러나며 회원 전용 경험의 희소성이 강조됩니다.

피해야 할 방식 · 둥근 카드와 그림자를 반복하거나 모든 정보를 흰색 박스에 나눠 담지 않습니다.

SIGNATURE TIER

Your private session

9월 9일 · 오후 3:30
50 minutes · Seoul

LINE CTAONE ACCENT

ELEMENT 03

절제된 행동과 상태

큰 채움 버튼보다 선 형태의 행동과 제한된 골드 포인트로 선택의 가치를 표현합니다.

구성 기준

  • 대표 행동은 화면 하단의 선형 버튼이나 텍스트 링크 하나로 제공합니다.
  • 골드 강조색은 회원 등급, 가격과 최종 예약에만 사용합니다.
  • 보조 메뉴는 아이콘이나 짧은 라벨로 시각적 강도를 낮춥니다.

이렇게 구성하는 이유

강조가 적을수록 사용자는 선택된 행동을 더 특별하게 느끼고 브랜드 콘텐츠에 머무를 수 있습니다.

피해야 할 방식 · 할인 배지, 원색 버튼과 여러 개의 구매 행동을 한 화면에서 동시에 강조하지 않습니다.

PRIVATE CARE01
02 · HERO IMAGE 60%

03 · ONE MESSAGE

04 · EXPLORE

ELEMENT 04

이미지 중심 레이아웃

대표 이미지가 화면의 절반 이상을 차지하고 제목과 행동이 이미지의 흐름을 이어받는 편집형 구조를 사용합니다.

구성 기준

  • 브랜드 표식, 대표 장면, 핵심 문장, 탐색 행동 순서로 배치합니다.
  • 화면의 50~65%를 이미지나 비어 있는 공간에 사용합니다.
  • 한 화면에서 강조하는 서비스나 메시지는 하나로 제한합니다.

이렇게 구성하는 이유

정보를 빠르게 훑기보다 장면을 경험하게 만들어 기능의 수가 아닌 선택의 가치에 집중시킵니다.

피해야 할 방식 · 첫 화면부터 여러 상품을 동일한 카드 그리드로 나열하거나 이미지 위를 문구로 가득 채우지 않습니다.

구성 비교

같은 서비스 소개도 브랜드의 가치가 달라집니다

GOOD

경험에 몰입시키는 구성

PRIVATE SESSION

A moment for yourself.

EXPLORE →

하나의 이미지와 메시지, 제한된 행동으로 시선의 속도를 천천히 조절합니다.

AVOID

판매 정보가 경쟁하는 구성

BESTSALENEW

프리미엄 케어 특가!

배지·카드·가격·버튼이 모두 강조되어 브랜드보다 쇼핑 기능이 먼저 보입니다.

모바일 화면 예시

한 가지 콘셉트를 화면 흐름으로 확인합니다

대표 색상만 바꾼 화면이 아닙니다. 프리미엄의 정보 순서, 컴포넌트와 행동 방식을 세 가지 실제 화면으로 비교해 보세요.

예시 화면 3

SCREEN 01
PRIVATE CAREMEMBER 01

SEPTEMBER EDITION

A quieter
way to care.

Discover the private collection

EXPLORE THE STORY

SCREEN 01 · 화면 해설

브랜드 홈

한 장면과 절제된 문장으로 서비스의 세계관에 몰입시킵니다.

이 화면의 역할

브랜드의 분위기와 가치를 한 장면으로 전달해 더 깊은 탐색을 유도하는 첫 화면입니다.

위에서 아래로 읽는 순서

회원 맥락
대표 이미지
브랜드 문장
스토리 탐색

핵심 요소와 구성 방법

  1. 1

    화면을 지배하는 이미지

    기능 카드 대신 한 장의 강한 비주얼에 가장 넓은 면적을 사용합니다.

  2. 2

    절제된 영문 타이포그래피

    짧은 문장과 넓은 행간으로 콘텐츠를 천천히 읽게 합니다.

  3. 3

    선 형태의 탐색 행동

    큰 버튼보다 얇은 구분선과 화살표로 차분한 흐름을 유지합니다.

왜 이렇게 구성하나요?

프리미엄 경험은 정보의 양보다 편집의 자신감에서 만들어집니다. 한 화면에 하나의 장면과 하나의 메시지만 남겨 브랜드 세계관에 시선을 집중시킵니다.

SCREEN 02
SESSION 02

Private Balance

나만을 위한 50분의 집중 케어와
개인별 애프터 리포트.

50 MINUTES₩180,000

SCREEN 02 · 화면 해설

서비스 상세

기능을 나열하지 않고 선택의 가치와 경험을 순서대로 보여줍니다.

이 화면의 역할

서비스의 기능 목록이 아니라 사용자가 얻게 될 경험과 예약 가치를 설명하는 상세 화면입니다.

위에서 아래로 읽는 순서

서비스 번호
경험 이미지
가치 설명
시간·가격
예약

핵심 요소와 구성 방법

  1. 1

    편집형 이미지 비율

    상품 썸네일보다 화보에 가까운 비율로 감정적인 기대를 만듭니다.

  2. 2

    세리프 제목과 짧은 설명

    제목은 분위기를, 본문은 핵심 혜택만 담당하도록 역할을 나눕니다.

  3. 3

    절제된 정보 구분선

    카드를 겹쳐 쌓지 않고 선과 여백만으로 시간과 가격을 정리합니다.

왜 이렇게 구성하나요?

구매 판단에 필요한 시간과 가격은 숨기지 않되, 서비스 설명과 같은 강도로 경쟁하지 않게 합니다. 여백이 정보 사이의 위계를 만드는 구조입니다.

SCREEN 03

DEVCRAFT PRIVATE

Membership Pass

MEMBER SINCE 2026

KIM CUSTOMER

SIGNATURE TIER

이번 달 전용 예약 1회
퍼스널 리포트 열람 가능

SCREEN 03 · 화면 해설

멤버십 패스

회원 상태와 전용 혜택을 하나의 상징적인 화면으로 구성합니다.

이 화면의 역할

회원의 등급과 전용 혜택을 소유감 있는 하나의 상징으로 보여주는 화면입니다.

위에서 아래로 읽는 순서

브랜드 표식
멤버십 카드
회원 정보
보유 혜택

핵심 요소와 구성 방법

  1. 1

    실물 카드 같은 중심 오브젝트

    어두운 면과 금색 선을 사용해 멤버십을 소유물처럼 느끼게 합니다.

  2. 2

    제한된 골드 포인트

    등급과 핵심 표식에만 강조색을 사용해 희소성을 유지합니다.

  3. 3

    목록화된 전용 혜택

    혜택은 짧은 문장과 체크 표시로 정리해 장식과 정보를 분리합니다.

왜 이렇게 구성하나요?

모든 요소를 화려하게 만들면 고급스러움이 약해집니다. 큰 상징 하나를 중심에 놓고 나머지는 낮은 대비로 정리해 회원 상태의 가치를 강조합니다.

선택 기준

이런 프로젝트에 잘 맞습니다

정보량을 줄이고 중요한 경험에 시선을 모읍니다. 업종 이름보다 사용자가 화면에서 느껴야 하는 감정과 완료해야 하는 행동을 기준으로 판단합니다.

잘 맞는 경우

  • 사진과 콘텐츠의 품질이 구매 결정에 큰 영향을 줄 때
  • 멤버십이나 한정된 경험의 희소성을 전달할 때
  • 기능보다 브랜드 세계관과 감정적 인상이 중요할 때

다른 방향도 비교할 경우

  • 많은 정보를 빠르게 비교하거나 반복 처리해야 할 때
  • 낮은 조도의 화면이 접근성과 가독성을 떨어뜨릴 때

화면 전체 규칙

색상 하나가 아니라 네 가지 기준을 함께 적용합니다

HIERARCHY

정보 우선순위

한 번에 하나의 중요한 경험만 강조

TYPE & SPACE

글자와 여백

강한 대비와 절제된 장식

COMPONENT

컴포넌트

얇은 구분선과 최소한의 버튼

VISUAL

그래픽 표현

큰 이미지 영역과 여백으로 브랜드 분위기 전달

LAYOUT RULES

주요 화면에 적용하는 방식

  1. 01한 화면에 보여주는 메시지와 행동의 수를 의도적으로 줄입니다.
  2. 02이미지, 제목과 여백의 비율로 시선의 속도를 조절합니다.
  3. 03강조색은 핵심 행동과 회원 상태처럼 제한된 곳에만 사용합니다.

화면 템플릿 연결

이 콘셉트와 잘 맞는 출발점

템플릿은 화면 구성의 출발점입니다. 같은 템플릿이라도 이 콘셉트의 글자, 여백과 컴포넌트 규칙을 적용해 프로젝트에 맞게 조정합니다.

함께 검토할 템플릿 유형

프라이빗 예약브랜드 쇼케이스유료 멤버십

PROJECT QUESTIONS

시작 전에 확인할 질문

  1. Q1

    사용자가 기억해야 할 하나의 감정이나 장면은 무엇인가요?

  2. Q2

    품질을 꾸준히 유지할 사진과 콘텐츠가 준비되어 있나요?

  3. Q3

    기능을 감추지 않으면서도 화면을 단순하게 만들 수 있나요?

프리미엄 방향이 우리 서비스에 맞을지 확인해보세요

서비스 유형과 주요 사용자, 필요한 화면을 알려주시면 적용 범위와 다른 비교 방향을 함께 정리합니다.

30분 무료 상담 신청