sketchbook

라이안 성형외과
케어 앱

Tag
UI/UX, App, Android, IOS
Client
라이안 성형외과
Role
Planning, Design, Development
Links

Ryan plastic surgeryfor your beautiful life

라이안은 아름다워진 당신의 모습에서 기쁨을 느낍니다

라이안 성형외과는 가슴수술을 전문으로 하는 성형외과입니다.
정직한 진료와 수술, 만족스러운 수술결과 등으로
한국을 넘어 미국, 중국, 일본 등 글로벌 고객들에게 사랑받고 있습니다.

기본에서 시작하다

Needs

" 수술한 고객의 건강하고 아름다운 가슴을 위해
체계적인 사후 시스템이 필요합니다"

가슴 성형은 하고 나면 끝인 수술이 아닌 사후관리가 매우 중요한 수술입니다.
관리에 소홀할 경우 예기치 못한 부작용이 생길 수 있기 때문입니다.
부작용은 매우 민감한 문제이기 때문에 라이안 성형외과에서는 내원 체크와 더불어
바쁜 일상 속에서도 가슴의 상태를 정기적으로 체크할 수 있는 쉽고 간편한 앱을 구축하길 원했습니다.

연결하다

interview
  • 수술로 지친 고객에게
    긍정적인 에너지를
    드리고 싶습니다
    • 위트 요소 활용
    • 라이안 웹툰
      캐릭터 활용
  • 내원 진료만큼
    꼼꼼한 진료를
    해드리고 싶습니다
    • 진료일 주기에 따른
      회차 설정
    • 가슴 사진 등록 기능
    • 원장님과의
      1:1 상담 기능
  • 다양한 정보와
    재미를 제공하고
    싶습니다
    • 라이안 뉴스/웹툰
    • 라이안 비디오
      (유튜브)
    • 라이안 미디어

Target & Analysis

라이안 성형외과의 글로벌 고객

건강한 바디라인에 대한 수요가 늘어나면서 가슴성형의 수요 또한 꾸준히 증가하고 있습니다.
라이안 성형외과는 한국인 뿐만 아니라 중국, 일본, 미국 등 글로벌 고객들이 가슴 수술을 받기 위해 방문합니다.
가슴은 단순한 신체부위가 아닌 여성성을 상징하는 부위인 만큼 병원을 선택하는 고객의 입장에서는
체계적인 사후 시스템이 구비되어 있는 병원 선택이 중요시 되고 있습니다.
앱을 설계함에 있어서 한국인 고객은 물론 외국인 고객을 사로잡을 수 있는 요소들을 고려하였습니다.

Goal & Objective

기본에서 확장하다

라이안 케어 앱의 핵심가치를
정립하고 솔루션 방향을 설정합니다

우리는 사전 인터뷰와 리서치를 통해 라이안 케어 앱의 핵심가치를 정립하고 솔루션의 방향을 설정하였습니다.
고객과의 접점에서 라이안 케어 앱은 어떤 가치를 추구해야 하는지를 정의합니다.

라이안 케어 앱의 핵심가치를
콘텐츠와 디자인에 담아냅니다

긍정적인 에너지와 퍼스널 경험에서 확장된 키워드에 따라 콘텐츠 및 디자인 측면의 솔루션을 제시합니다.
4가지 콘텐츠로 구성하고 이를 웹툰의 요소를 사용해 담아내도록 합니다.

Fun & Lively

Ryan Webtoon

라이안 웹툰은 라이안 성형외과에서 의료진들을 동물 캐릭터화 하여 병원의 에피소드들을 담아 연재하고 있는 웹툰입니다.
우리는 웹툰의 캐릭터를 활용하고 재해석하여 우리만의 색깔을 담아 표현하기로 하였습니다.

라이안 웹툰을
디자인 컨셉에 담아냅니다

우리는 앞서 세운 전략을 기반으로 라이안 웹툰을 활용한 디자인 컨셉을 다양하게 제안하였습니다.
제안을 통해 라이안 케어의 아이덴티티를 만들어가고 이를 통해 사용자들에게 새로운 경험을 제공하고자 하였습니다.

A안은 밝은 옐로 컬러를 사용하여 심플하게 구성한 시안, B안은 사용자에게 즐거움을 주기 위해 게임화면을 모티프로 하여 구성한 시안, C안은 동물 캐릭터들이 살고 있는 숲을 모티프로 하여 구성한 시안입니다. 우리는 C안의 퍼플&핑크 조화가 캐릭터와 잘 어우러지면서도 디벨롭을 통해 더 유쾌한 스토리를 담을 수 있을 것이라고 판단하였습니다.

디자인 시스템을
정의합니다

앱의 완성도 높은 아이덴티티 구축을 위해 타이포그래피, 컬러, 아이콘 등의 디자인 시스템을 정의합니다.
정의된 가이드는 사이트의 UI 뿐만 아니라 사용자와의 다양한 접점에 활용하도록 합니다.

Typography

웹툰과 어울리는 귀엽고 톡톡 튀는 느낌의 서체를 사용합니다.
서체의 일관된 사용으로 사용자에게 라이안의 메시지를 효과적으로 전달합니다.

Color

라이안 성형외과의 브랜드 컬러인 퍼플을 웹툰과 어울리는 부드러운 컬러로 변경하고
핑크 컬러를 추가하여 여성스럽고 아기자기한 분위기를 연출합니다.

  • Ryan purple

    Primary color

  • Ryan pink

    Secondary color

  • Ryan blue gray

    Background color

Graphic elements

앞서 정의된 브랜드 아이덴티티를 기반으로 하여 그래픽 요소를 구성합니다.
브랜드의 컨셉을 반영한 그래픽 요소들을 통해 사용자의 관심 및 브랜드 매력도를 증대시킵니다.

  • Character Variation

존재를 드러내다

  • Ryan Care

    아름다운 가슴은 지속적인 관리가 필요합니다. 라이안케어 앱을 통해 수술 집도의가 24시간 1:1로 가슴의 상태를 정기적으로 체크합니다. 이상이 발견되면 바로 증상을 공유할 수 있어 고객이 건강한 가슴을 오랫동안 유지할 수 있도록 도움을 줍니다.

  • Welcome!

    고객의 이름과 수술정보가 노출되는 프로필 영역으로 마치 게임 캐릭터가 유저에게 말을 건네는 듯한 표현으로 위트를 느낄 수 있도록 합니다. 배경에는 유성이 떨어지는 신비로운 숲을 연출하여 동화 속을 보는 듯한 느낌을 전달합니다.

  • Ryan Check

    수술 경과 체크를 카드 형식으로 구성하여 해당하는 회차를 한 눈에 파악합니다. 카드마다 다른 캐릭터와 변화하는 배경으로 고객이 방문할 때마다 신선함을 느낄 수 있도록 합니다.

  • News

    홈화면의 전체적인 흐름이 자연스럽게 이어지도록 스토리를 담은 구성으로 연결합니다. 뉴스 영역인 만큼 방송국, 뉴스 앵커 등의 모습을 차용하여 웹툰의 캐릭터와 일러스트 요소로 표현하였습니다.

  • Ryan Webtoon

    라이안 웹툰을 소개하는 영역으로 만화에서 사용되는 비정형적인 레이아웃을 사용하여 단조로움을 탈피하고 이에 만화의 배경 요소들을 추가하여 웹툰의 느낌을 극대화하였습니다.

  • Video

    유튜브 영상이 노출되는 영역입니다. 영상을 상영하는 영화관을 모티프로 하여 팝콘처럼 생긴 건물의 모습 등 위트있는 장면을 만들어냅니다. 홈화면 상단의 밤하늘을 마지막 영역에서도 다시 사용하여 밤에서 낮으로, 낮에서 다시 밤으로 시간이 흘러간 듯한 느낌을 연출합니다.

  • Contents & Function

    사진을 등록하고 경과를 기록하여 원장님과 1:1 상담을 하는 라이안 체크, 라이안의 최신소식과 웹툰이 있는 라이안 뉴스, 유익한 영상을 볼 수 있는 라이안 비디오, 보도자료가 담긴 라이안 미디어를 통해 체계적인 사후 관리는 물론 재미있는 볼거리를 제공합니다.

Ryan Care

당신이
아름다워지는
방법을 찾다

Credits

  1. Director

    • Baek GwangJong
  2. Planning

    • Choi SangMun
    • Lee MinJi
  3. Design/Motion

    • Han SeHui
    • Baek GwangJong
  4. Development

    • Lee YoungSeok
    • Joo D.H