bomvit

Project Overview

Project Overview

봄빛의원의 진료 방침은 건강하고 자연스러운 아름다움을 일깨우는 밝고 따뜻한 봄빛을 닮아있습니다.
선뜻 방문하기 힘든 피부과가 아닌 편안하게 발걸음 하실 수 있는 공간으로 브랜딩하는게 프로젝트 목표입니다.
브랜드 아이덴티티를 살리면서도 전문성을 잃지 않도록 모든 단계를 체계적으로 기획하여, 시각적으로 고도화시켰습니다.

Web Main Page

001

봄빛의원의 차별화 된 브랜드 철학을 위해 밝고 화사한 색감과 따뜻한 봄을 품은 이미지를 웹 메인 페이지 전반에 배치했습니다.
스타닥 포트폴리오에 쌓여온 수많은 병원 홈페이지 ui/ux 리서치 경험을 통해 피부과 이용 타겟층의 흐름을 예측한 가장 효과적인 기획입니다.
브랜드는 마음에서 창조된다는 것을 알기 때문에 스타닥은 클라이언트와의 대화속에서 방향성을 찾고 데이터를 바탕으로 디테일한 설계를 이루어냅니다.

002

Mobile Main Page

추상적 이미지 구축도 중요하지만 전문성을 요하는 병원은 충분한 정보 전달이 필요합니다.
이미지와 정보, 두 가지가 상응하며 단단한 구조를 만들 수 있도록 기획했습니다.
시각적인 부분은 모바일 디바이스 사용성을 고려해 구조적인 그리드 시스템 사용으로
불편함 없는 직관적인 커뮤니케이션이 가능하도록 디자인했습니다.

01

Main Detail

앞 뒤로 넘겨볼 정보가 존재함을 직관적으로 알려주는 캐러셀 디자인을 통해 놓치는 부분이 없도록 ui 요소를 배치했습니다.
얼핏보면 비슷한 상황으로 묶여 보이게 되는 시술 장면 대신 물, 크림, 물감의 흩어짐등 각 시술의 특장점을 각인 시킬 컨셉
이미지의 활용으로 선명하게 정보를 각인합니다.

003

Web Detail Page

“피부과 방문을 앞둔 타겟층은 어떤 정보를 얻길 바랄까요?”
가장 근본적인 질문을 던지며 시작합니다.”
사용자가 원하는 정보를 얻고 클라이언트는 원하는 결과를 얻을 수 있도록,”
해당 시술을 통해 얻을 수 있는 결과와 어떤 상황에 추천드리는지”
그리고 더 나아가 시술 과정까지 투명하게 공개합니다.

004

Mobile Detail Page

통일성 있는 디자인 시스템을 통해 모든 상세페이지 사이에 유기적인 연결망을 만들고,
화사한 파스텔 컬러 스펙트럼을 구축해 해당 페이지에 어울리는 꽃이 필 수 있도록 포인트 컬러를 선정하였습니다.

005

Design Principle

통일성 있는 브랜드 경험을 제공하기 위한 디자인 스타일의 규칙과 가이드 라인입니다.
잘 만들어진 디자인 시스템이 있어야만 봄빛의원이 봄빛의원으로 각인 될 수 있습니다.

01

Color System

  • Spring Light Pink #f39999
  • Spring Deep Pink #e0a5a2
  • Spring Light White #fdfaf9
Color System
Color System
02

Typography

Aa

  • Pretendard

    봄처럼 따뜻한 피부과 봄빛의원입니다.

    봄처럼 따뜻한 피부과 봄빛의원입니다.

    봄처럼 따뜻한 피부과 봄빛의원입니다.

  • 나눔명조

    봄처럼 따뜻한 피부과 봄빛의원입니다.

    봄처럼 따뜻한 피부과 봄빛의원입니다.

    봄처럼 따뜻한 피부과 봄빛의원입니다.

  • Crimson Text

    Dermatology as warm as spring

    Dermatology as warm as spring

    Dermatology as warm as spring