×
Refine Clinic — Brand & Website

Overview

현대적 클리니컬 무드를브랜드 경험

Refine Clinic 홈페이지는 세련된 모션과 몰입감 있는 인터랙션을 적용해 현대적인 클리니컬 무드를 구현했습니다. 첨단 에스테틱 기술과 브랜드 아이덴티티가 직관적으로 전달될 수 있도록 제작했습니다.

라인의 플로우를 활용한 섬세한 레이아웃과 부드러운 모션 인터랙션으로 시각적 몰입감을 극대화하고, 프리미엄 이미지와 메디컬 감성을 직관적으로 전달할 수 있도록 설계했습니다.

Client

Refine Clinic

Scope

Brand Identity · Website · Development

Year

2026

Studio

WITIM AX STUDIO

Design Approach

우리가 설계한 방식

01

Visual Design

  • 제품 이미지를 기반으로 한 디자인
  • 아이덴티티를 강조한 미니멀 디자인
02

Interactive Motion

  • 스크롤 흐름에 맞춘 인터랙션 활용
  • 영상이 아닌 이미지 시퀀스 활용
03

Custom Development

  • 브랜드 목적 맞춤형 기능
  • 고객 맞춤형 관리자 페이지 제공
04

Website Maintenance

  • SEO 최적화 작업 진행
  • 관리자 페이지 내 CMS 관리 가능

Moodboard

비주얼 디렉션

브랜드 키비주얼
Light
Skin
피부 무드
Nature
포트레이트 무드
Material

Brand Identity

Refine 브랜드 컨셉

가장 세련된 조화를 완성하는 미학 연구소

아름다움에 대한 기준이 획일화될수록, 우리는 오히려 '가장 나다운 것'이 무엇인지 잊곤 합니다.

리파인은 단순히 얼굴을 바꾸는 곳이 아닙니다. 당신이 지닌 고유한 아름다움을 발견하고, 불필요한 과함은 덜어내어 가장 세련된 조화를 완성하는 미학 연구소입니다.

REFINE ESSENCE

01

Essence

본연의 아름다움

획일적인 미의 기준이 아닌, 당신만이 가진 본연의 아름다움을 발견하여 가장 자연스럽게 빛나도록 이끄는 것이 리파인 미학의 출발점입니다.

02

Balance

조화로운 아름다움

진정한 아름다움은 어느 한 곳의 도드라짐이 아닌, 전체가 이루는 균형에서 옵니다. 피부 상태, 얼굴 구조 등 핵심을 정밀하게 진단하여 균형있는 입체감과 조화의 아름다움을 선사합니다.

03

Refine

정제된 아름다움

풍부한 경험으로 쌓인 숙련된 테크닉으로 시술하여 정제되고 품격있는 우아함을 완성합니다. 리파인을 통해 얻은 자신감이 일상의 리프레시로 이어져, 나의 삶이 더욱 가치 있게 느껴지도록 완성합니다.

Brand Gradient

웜 뉴트럴 팔레트를 밝은 톤에서 깊은 톤으로 잇는 그라데이션으로 이미지 전반에 브랜드의 결을 스며들게 했습니다. 크림에서 토프, 잉크로 점진적으로 흐르며 절제되고 몰입감 있는 시각 경험을 만듭니다.
Warm Cream
Signature Taupe
Deep Ink

UI Elements

새롭게 정립한 BX 원칙을 기반으로 브랜드 컬러와 지정 서체, 절제된 그리드 시스템을 적용했습니다. 리파인의 정교함과 디자인이 고객의 일상 속에 자연스럽게 스며든다는 메시지를 모던하고 간결한 톤으로 전달합니다.
BasicModern & CleanWarm Gradient

Cream

#FBF6F1

Taupe

#B8A99A

Ink

#201814

Typography

ENG

Montserrat

KR

프리텐다드

Bold

Refine Beauty

ABCDEFGHIJKLM · abcdefghijklm · 1234567890

본연의 아름다움을 Refine 하다

가나다라마바사아자차카타파하

Regular

Refine Beauty

ABCDEFGHIJKLM · abcdefghijklm · 1234567890

본연의 아름다움을 Refine 하다

가나다라마바사아자차카타파하

Signature Interaction

브랜드를 움직이게 한 시그니처 인터랙션

Direction

궤도 라인은 즉흥적인 장식이 아니라 브랜드 심볼에서 도출한 조형 원리입니다. 심볼의 곡선을 궤도로 확장하고, 그 위를 도는 점으로 절제된 생동감을 설계했습니다. 정적인 화면이 아니라, 브랜드가 살아 숨 쉬는 경험. 두 개의 라인 모션을 아이덴티티의 핵심 언어로 설계했습니다.

심볼에서 확장된 곡선

브랜드 심볼의 원형 곡선을 궤도의 기본 단위로 삼았습니다.

Symbol

겹쳐 도는 타원 궤도

서로 다른 각도의 타원을 겹쳐 깊이와 리듬을 만들었습니다.

Orbit

순환하는 생동감

궤도 위를 도는 점이 절제된 화면에 우아한 움직임을 더합니다.

Motion

01

Orbital Lines

궤도 라인

브랜드 심볼의 곡선을 확장한 궤도형 라인이 히어로 배경에서 천천히 순환합니다. 절제된 화면에 우아한 생동감을 부여하는 시그니처 모션입니다.

02

Line Flow

흐르는 라인

얼굴의 결을 따라 흐르는 얇은 라인이 시술의 깊이와 정밀함을 은유합니다. 스크롤에 반응해 부드럽게 흘러가며 몰입감을 만듭니다.

Epidermis프리미엄 리프팅
Fat지방층
Fascia근막층
Muscle근육층

Solution Contents

단순히 시술을 나열하는 방식에서 벗어나, 고객의 일상과 연결된 다양한 구성의 콘텐츠를 함께 소개합니다. 일상 속에서 시술이 필요한 순간을 조명한 콘텐츠와 케어·스타일 콘텐츠를 편집적인 레이아웃으로 구성하여 세련된 무드로 전달합니다. 이를 통해 자연스럽게 시술 동기가 유발되도록 설계했습니다.
Refine Clinic 브랜드 디테일
Refine Clinic 공간 사이니지
Refine Clinic 트리트먼트 룸

/ Refine PC Design

브랜드 아이덴티티와 인터랙션이 실제 디바이스에서 어떻게 구현되었는지.
Refine Clinic 모바일 화면

i18n

성형·시술의 특성상 다양한 국적의 고객이 방문합니다. 이를 고려해 다국어 언어팩(i18n)을 구현하여, 누구나 자신의 언어로 브랜드와 시술 정보를 직관적으로 이해하도록 설계했습니다. 탐색 과정의 혼란을 최소화하고 사용자 경험의 완성도를 높입니다.
Refine Clinic 다국어 네비게이션 메뉴 (하단 Language 스위처)

Language

한국어KO
EnglishEN
日本語JA
中文ZH

한국어 · 영어 · 일본어 · 중국어 — 브라우저 언어를 자동 감지하고, 언제든 전환할 수 있습니다.

Refine Clinic 모바일 화면
Refine Clinic 모바일 화면
Refine Clinic 모바일 화면
Refine Clinic 모바일 화면

Sub Pages

메인을 넘어 예약·커뮤니티·프로모션까지, 실제 서비스되는 하위 페이지를 그대로 담았습니다.
refine-clinic.com

Custom CMS

직접 관리하는 콘텐츠 시스템

브랜드 목적에 맞춘 전용 관리자 페이지를 함께 개발했습니다. 메인 페이지의 섹션 구성과 순서, 다국어 카피, 이미지, 프로모션까지 개발자 없이 직접 편집하고, 초안 저장·미리보기·발행 흐름으로 안전하게 운영할 수 있습니다.
refine-clinic.com/admin/dashboard/main
Refine Clinic 관리자 CMS — 메인 페이지 콘텐츠 편집
01

섹션 순서·표시 제어

드래그로 섹션 순서를 바꾸고 표시/숨김을 토글해 페이지 구조를 직접 구성합니다.

02

다국어 콘텐츠 편집

한국어·English 등 언어별 카피와 이미지를 한 화면에서 나란히 관리합니다.

03

초안 저장 · 발행

초안 저장과 미리보기로 검토한 뒤 발행해 실서비스에 안전하게 반영합니다.

Refine Clinic

본연의 아름다움을 Refine 하다.

WITIM AX STUDIO · Brand & Website

The

01Brand Tagline in WebsiteMAIN & GNB

New Breath

02BRAND IDENTITY

of

03CONTENTS

eXperience

04RESPONSIVE

WITIM AX STUDIO · Brand & Website · 2026

Product Designer

Aeji Jung

Juyeon Park

Juhee Oh

Sumin Kim