프로젝트
문의하기

CHANGE CLINIC

PC WEB, MOBILE WEB UI / UX
DIGITAL MARKETING

Project Overview

체인지 클리닉의원은 압구정에 위치한
성형외과입니다. 고객이 시술 관련 정보와
이벤트 등을 쉽게 얻을 수 있게 편의성에
중점을 두어 제작하였습니다.
메인 화면에서는 스크롤에 따른 시술들의
메뉴와 전체 시술들을 볼 수 있는 메뉴를
함께 보이도록 하여 빠른 접근이 용이하게
구축하였고,
서브 페이지에서는 주요 시술
및 서비스를 효과적으로 노출할 수 있도록
UI/UX 재구성하였습니다.
시각적으로는 체인지클리닉 로고의
모티프를 활용하여 브랜드 아이덴티티를
강화하는 데에 초점을 두었고 간결한
디자인으로 가독성을 높였습니다.

  • Category.
  • UI / UX MARKETING
  • Date.
  • 2021.06

체인지 이미지입니다

Research on beauty.
Change Clinic

  • 체인지클리닉 이미지입니다
  • 체인지클리닉 이미지입니다
  • 체인지클리닉 이미지입니다
  • 체인지클리닉 이미지입니다
  • Aa
  • Bon Voyage

    Thin Regular

    ABCDEFGHIJKLMNOPQRSTUVWXYZ

    abcdefghijklmnopqrstuvwxyz

  • Aa
  • Poppins

    Thin Regular Medium

    ABCDEFGHIJKLMNOPQRSTUVWXYZ

    abcdefghijklmnopqrstuvwxyz

  • Aa
  • Noto Sans

    Thin Regular Medium

    ABCDEFGHIJKLMNOPQRSTUVWXYZ

    abcdefghijklmnopqrstuvwxyz

  • Noto Sans

    Thin Regular Medium Bold

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

    123457890

#9BA6E4
#BCEACC

#9BA6E4
#BCEACC

#9BA6E4
#BCEACC

#9BA6E4
#BCEACC

#9BA6E4
#BCEACC

We constantly
research for beauty.
It is a reliable
change clinic.

Gnb Design

많은 종류의 시술이 있는 병원의 특징을
살려 사용자가 한눈에 시술들을 볼 수
있도록
부위별로 시술 카테고리를 나누어
보다 편하게 볼 수 있게 하였습니다.
모바일에서는 온라인 상담 버튼을 메뉴에
두어 접근이 용이하게 하였습니다.

체인지클리닉 이미지입니다

Subpage Design

상단 비주얼과 하단에 사용되는
그라데이션 색상은 시술별로 차이를 두어
사용자로 하여금 시술별로 구분이
용이하게 하였습니다.
시술과 의료 기기 설명 부분에는 공통적인
레이아웃을 사용하여, 다른 서브페이지로
이동 시에도 정보 습득이 보다 쉽도록
하였습니다.
pc버전과 mobile 화면구성 디자인에
있어서 서로 이질감이 없도록 통일감을
주었습니다.

체인지클리닉 이미지입니다

체인지클리닉 이미지입니다

체인지클리닉 이미지입니다

We constantly
research for beauty.
It is a reliable
change clinic.

체인지클리닉 이미지입니다

체인지클리닉 이미지입니다

체인지클리닉 이미지입니다

Mobile Design

모바일 디자인에서는 PC디자인을 토대로
디자인 포인트가 되는 요소, 색상, 폰트
등은 그래로 유지하되,
모바일 비율에
맞추어 레이아웃과 배치를 새롭게
구성하여 디자인하였습니다.
PC 와 달리 유저가 손으로 직접 터치하는
특징에 맞게 스크롤, 모션, 폰트 크기 등의
부분들에 유의하여 디자인하였습니다.

A face that goes against time.
Find the answer to the young face.

  • Main Visual

    모델 이미지를 상단에 둠으로써
    시선의 주목성을 주고자 하였고,
    또한, 로고 형태에서 착안한 라운드
    포인트로 지루함을 탈피했습니다.
    가로 스크롤로 메뉴 간 이동이
    바로 가능하게 하였습니다.

  • 체인지클리닉 이미지입니다

  • Content 01.

    로고에 사용된 다이아몬드 형태의
    디자인 레이아웃에
    모델을 합성하여
    체인지클리닉의 아이덴티티를
    한 번 더 강조하여 보여주었습니다.

  • icon design

    시술 정보에 맞는 아이콘을 넣음으로써,
    사용자가 보다 정보에 집중, 이해하기
    쉽도록 디자인하였습니다.

  • 체인지클리닉 이미지입니다

  • Content 02.

    중간 배너의 삽입으로 자칫 지루할 수
    있는 정보의 나열을
    탈피하고, 시술별
    고유 그라데이션 색상을 넣은 배너를
    서브페이지에 공통적으로
    적용시켰습니다.

  • Content 03.

    시술 정보에 맞는 아이콘과 텍스트를
    함께 사용함으로써
    사용자가 보다
    정보에 집중, 이해하기 쉽도록
    디자인하였습니다.

배경이미지 입니다

Marketing

18년의 노하우가 담긴 체계적인 수술법
으로 아름다운 라인을 완성시켜 주며,
시간을 거스르는 외모, 동안얼굴의 정석을
찾아주는 지방흡입/이식, 피부시술 전문
성형외과입니다.
지방흡입 및 피부시술에 대해 관심이
있는 타겟층을 대상으로 체인지 클리닉과
관련된 바이럴 마케팅을 진행하였습니다.

PC 이미지입니다

MOBILE 이미지입니다

WITH PROJECTDOCK

GO TO TOP

SCROLL