sketchbook

삼성서울병원
브라보 앱

Tag
UI/UX, App, Android
Client
삼성서울병원
Role
Planning, Design, Development
Links

BRAVO PROJECTBe Remarkable, Awsome, Vivid, Optimistic you!

놀랍고, 멋지고, 밝고, 긍정적인 우리가 되어요!

브라보 프로젝트는 유방암 환자들의 일상생활 및 사회 복귀를 돕기 위해 삼성서울병원과 골드만삭스가 함께하는 프로젝트입니다.
브라보 프로젝트는 유방암 환자들의 심리사회적 문제를 해결하기 위한 것으로, 삼성서울병원은 골드만삭스의 지원 속에 유방암환자를 돕기 위한 각종 프로그램을 진행합니다. 환자와 가족들을 위한 프로그램뿐만 아니라 의료진을 대상으로 유방암 환자와의 소통에 무게를 둔 교육 프로그램을 진행합니다.

기본에서 시작하다

Needs

" 유방암 환자들의 일상생활 및 사회 복귀를 돕기 위해
무엇이 필요한 지 고민이에요 "

브라보 프로젝트를 진행하는 삼성서울병원 암교육센터에서는
유방암 환자들의 일상생활 및 사회 복귀를 돕기 위해 무엇이 필요한 지 고민하고 있었습니다.
막연히 의료진과 환자를 연결하고, 수술 후 치료법이나 정보를 제공하고
핸드폰으로 간단히 접근하기를 원했고 그 채널로 앱을 선택하였습니다.

연결하다

interview
  • 환자가
    쉽고 편리하게
    이용했으면
    좋겠습니다
    • 중요도를 고려한
      정보 배치
    • 담백하고
      직관적인 구성
  • 현실적인
    도움을 주었으면
    좋겠습니다
    • 맞춤형
      건강정보 제공
    • 다양한 카테고리의
      현실적인 정보 제공
    • 도서, 관련 앱 등
      부가 정보 제공
  • 환자의 일상을
    함께했으면
    좋겠습니다
    • 건강 다이어리 기능
    • 복약 알람 기능

Target & Analysis

유방암 환자는 40대 이상이 대부분
연령별 유방암 발생자수 분포

좀 더 쉬운 사용성 필요하다고 판단했으며 UI/UX 측면에서 가독성이나 직관성을 살려서 디자인하는 것을 목표로 했습니다.

유방암 환자의 절반은 30, 40대의 사회활동 연령층
치료만큼 일상으로 복귀가 중요
연령별 유방암 발생자수 분포
암 경험자의 5년 내 직장 복귀 비율

한창 사회적 지위를 획득하고 향상시키는데 주력해야 할시기에 겪은 암 경험은 경제적, 사회적 활동에 큰 장애물로 작용할 수밖에 없습니다.
건강 유지에 대한 불안감, 우울과 무기력감, 대인 관계의 어려움은 암 경험자가 사회에 복귀하는데 제약이 됩니다.
유방암의 생존율은 90%가 넘습니다.
수술까지의 과정도 중요하지만 수술 후의 회복과 사회 복귀 기간이 더 길며 더 중요합니다.
그래서 사후 관리 및 치료 정보가 더 중요해졌습니다.


암환자는 본인만큼이나
가족과 주위 사람들의 도움과 인식 개선이 중요

암치료는 본인뿐만이 아니라 가족과 주위 사람들이 함께 헤쳐나가는 과정입니다.
환자와 함께 치료부터 사회로 복귀하기 위한 따뜻한 관심과 도움을 주기 위한 관련 정보의 습득이 필요합니다.

Goal & Objective

기본에서 확장하다

브라보앱의 핵심가치를
정립하고 솔루션 방향을 설정합니다.

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

브라보앱의 핵심가치를
컨텐츠와 디자인에 담아냅니다.

브라보앱의 핵심가치에 대해 4가지 정의를 내리고 이러한 점을 반영하여
앱의 콘텐츠와 기능 및 디자인 시스템을 설정합니다.

Easy & Usability

Pink Ribbon

유방암 환자의 가장 많은 비율을 차지하고 있는 40대 여성을 고려하여 단순하고 직관적인 디자인을 추구하며, 유방암을 상징하는 핑크리본을 그래픽 모티프로 활용합니다. 이는 삶에 대한 열정과 강인한 여성성을 상징합니다. 핑크리본의 컬러와 부드러운 곡선 을 UI 곳곳에 녹여내어 환자를 응원하는 마음을 담았습니다.

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

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

Typography

중년 여성이 콘텐츠를 쉽게 읽을 수 있도록 가독성이 좋은 서체를 사용합니다.
올바른 서체의 일관된 사용으로 사용자에게 브라보의 메시지를 효과적으로 전달합니다.

Color

환자를 응원하는 마음을 담은 핑크리본의 컬러를 포인트 컬러로 지정하여 UI에 적극 활용합니다.
사용자의 피로도를 줄이기 위해 모바일 환경에 최적화된 채도, 명도의 핑크를 단계별로 사용합니다.

  • Bravo Pink

    Primary color

  • Bravo Gray

    Background color

Icon

콘텐츠의 직관성과 주목도를 높이기 위해 아이콘 요소를 활용합니다.
아이콘은 그래픽 모티프인 핑크리본의 조형적 특징과 컬러를 반영하여 디자인합니다.

  • Graphic motif
  •  
  • Feature

존재를 드러내다

  • Bravo your life

    BRAVO의 홈화면에는 환자가 원하는 항목으로 빠르게 진입할 수 있도록 다양한 콘텐츠를 담백한 구성으로 담았습니다. 건강 다이어리를 홈화면에 노출하여 환자의 일상을 함께하며 직관적으로 표현하여 사용성을 높였습니다.

  • 홈화면에서 복약알리미의 알림 기능을 쉽게 ON/OFF 하도록 구성하였습니다. 화면을 위로 슬라이드하여 복약중인 호르몬약의 목록을 빠르게 확인할 수 있습니다.

  • 홈화면의 콘텐츠는 텍스트를 최소화하여 카드형으로 구성합니다. 건강 다이어리의 항목들은 아이콘과 그래프 요소의 활용으로 직관적으로 표현합니다.

  • 유용한 암정보

    같은 경험을 한 유방암 환자, 유방암 전문가가 추천해 주는 도서와 유방암에 대한 최신 정보가 담긴 의료 기사 등 환자에게 유용한 정보들로 구성하였습니다.

  • 약 복용 알리미

    유방암 환자는 호르몬약의 복용 시간과 횟수를 정확하게 지켜야합니다. 약 복용 알리미 기능을 통해 환자 개개인별 복용중인 약을 등록하고 그에 맞는 알림을 설정할 수 있도록 합니다.

Bravo
Your life

곧 일상으로
사회 속으로
복귀하다

Credits

  1. Director

    • Baek GwangJong
  2. Planning

    • Lee MinJi
    • Yoon JungHee
  3. Design

    • Han SeHui
    • Lee Jintaek
    • Lee SunWoong
  4. Development

    • Joo D.H