작은 디테일이 신뢰를 만든다: 스마일보건 BI 리뉴얼 사례
안녕하세요, 메이드잇투게더입니다.
브랜드 신뢰는 사실 작은 디테일에서 시작됩니다. 로고 하나, 색상 하나, 버튼 하나가 사용자가 느끼는 신뢰도에 영향을 줄 수 있어요. 특히 보건·의료 분야에서는 이런 세세한 요소들이 더 큰 의미를 가지죠.
스마일보건은 브레인다이브에서 운영하는 보건일지 서비스 입니다. 학교 보건실에서 제공하는 다양한 보건 서비스를 무료 보건일지 프로그램인 스마일보건을 통해 쉽고 빠르게 효과적으로 제공할 수 있습니다.
그런데 문제는, 온라인이나 오프라인에서 브랜드를 접하는 경험이 일관되지 않았다는 거예요. 로고, 색상, 폰트, 아이콘 등 모든 요소가 제각각이라, 사용자 입장에서는 “이 서비스, 믿을 만한 곳인가?”라는 생각이 들 수밖에 없었죠.
그래서 저희가 BI 리뉴얼을 맡아, 작은 디테일 하나하나를 고민하며 브랜드 신뢰를 끌어올리는 작업을 시작했습니다.
기존 디자인의 문제점
기존 스마일보건 디자인의 문제는 명확했어요.
- 로고의 시각적 일관성 부족 : 기존 스마일보건 로고는 매체마다 조금씩 다르게 사용되고 있었어요. 웹사이트, 모바일 앱, 오프라인 자료 등에서 로고 형태, 비율, 심볼 배치가 제각각이었죠. 이런 불일치는 브랜드를 처음 접하는 사용자에게 “일관성이 없는 회사”라는 인상을 줄 수 있고, 장기적으로는 전문성과 신뢰성을 떨어뜨립니다. 브랜드 로고는 단순히 심볼이 아니라, 사용자가 회사를 기억하고 신뢰를 쌓는 중요한 시각적 신호이기 때문에, 통일되지 않은 로고는 사용자 경험에도 부정적인 영향을 줄 수 있었어요.
- 색상과 폰트의 부조화 : UI에서도 색상과 폰트 역시 일관되지 않아 전체적인 안정감과 신뢰감을 주기 어려웠습니다. 예를 들어, 웹사이트에서는 파란색 계열을 쓰다가 앱에서는 전혀 다른 톤의 색상을 사용하거나, 제목 폰트와 본문 폰트가 서로 어울리지 않아 시각적 조화가 깨졌죠. 이런 부조화는 사용자가 브랜드를 접할 때 혼란을 주고, “전문적이지 못하다”라는 느낌을 받을 수 있습니다. 특히 보건·의료 분야처럼 신뢰가 중요한 영역에서는 작은 색상과 폰트 선택 하나가 브랜드 이미지에 큰 영향을 미치기 때문에, 이 문제는 반드시 해결해야 했습니다.
이대로 두면 브랜드 성장에 한계가 뚜렷했습니다. 그래서 전면적인 디자인 리뉴얼이 필요했죠.
✏ 디자인 리뉴얼 방향성
저희가 잡은 핵심 방향은 세 가지였습니다.
- 브랜드 메시지를 시각화 : 스마일보건의 핵심 메시지는 “건강한 삶을 위한 동반자”예요. 이 메시지를 친근하면서도 전문적인 디자인으로 시각화하는 것이 목표였습니다.
- 색상과 폰트 통일 : 브랜드 정체성을 강화하기 위해 색상과 폰트를 통일했습니다. 안정감 있는 색상과 현대적인 폰트는 보는 사람에게 자연스럽게 신뢰를 줍니다.
- 아이콘과 이미지 스타일 통일 : 의료 관련 이미지와 아이콘을 통일된 스타일로 선택해, 사용자가 직관적으로 이해할 수 있고 브랜드 톤과 맞도록 만들었습니다.
- 기존 로고의 시각적 아이덴티티는 유지 : 기존 로고가 갖고 있는 스마일 형태의 시각적 아이덴티티는 유지하고 싶다는 고객사의 요청이 있었습니다.
리뉴얼 과정 및 주요 변경 사항
1. 로고 개선
- 기존 로고는 복잡하고 기억하기 어려웠고, 심지어 매체마다 서로 다른 로고를 사용하고 있어서 브랜드 정체성이 일관되지 않았습니다.
- 단순화 작업을 통해 브랜드의 핵심 가치를 한눈에 보여주도록 재설계했습니다. 이 과정에서 고객사 요청으로 기존의 웃는 입 모양 형태는 유지하며, 친근함을 살리도록 했습니다.
- 로고 형태, 비율, 심볼 간 간격까지 세세하게 조정했으며, 웹, 모바일, 오프라인 자료 등 모든 매체에서 동일한 로고를 사용할 수 있도록 통일했습니다.
2. 색상 팔레트 재구성
- 기존 색상은 너무 다양하고 포인트 컬러도 명확하지 않아 브랜드 통일성이 떨어졌습니다.
- 기존 블루 컬러를 유지하되, Primary Color를 지정하여 모든 디자인에서 통일된 브랜드 경험을 제공하도록 팔레트를 재구성했습니다.
- 색상 간 대비를 조정하여 읽기 쉬운 UI를 만들고, 시각적 안정감과 브랜드 통일성을 강화했습니다.
3. 폰트 선정
- 스마일보건의 친근함과 밝은 이미지를 살리기 위해, ‘스마일’ 느낌에 맞게 끝이 약간 올라간 듯한 경쾌한 폰트를 선정했습니다.
- 타이틀과 본문 폰트 계층을 명확히 구분하고, 폰트 크기, 줄간격, 자간까지 조정하여 어디서든 편하게 읽히도록 신경 썼습니다.
4. 아이콘 및 이미지 스타일 통일
- 기존에는 서로 다른 스타일의 아이콘과 이미지가 섞여 있어 브랜드 신뢰도가 떨어졌습니다.
- 아이콘과 이미지를 3D 스타일로 통일하고, 이미지 필터 톤까지 맞춰 사용자에게 일관된 브랜드 경험을 제공했습니다.
- 이렇게 통일한 디자인 덕분에 전문성과 친근함을 동시에 전달할 수 있게 되었고, 시각적 완성도가 크게 향상되었습니다.
리뉴얼 후 변화
리뉴얼 후 실제로 눈에 띄는 변화가 있었습니다.
- 브랜드 인식 향상 : 로고, 색상, 폰트가 통일되면서 브랜드를 기억하기 쉬워졌어요.
- 사용자 신뢰도 증가 : 친근하면서도 전문적인 디자인이 “믿을 만한 서비스”라는 느낌을 줬습니다.
- 서비스 이용률 증가 : 디자인 개선 덕분에 서비스 이용률과 참여도가 눈에 띄게 올랐습니다.
배운 점
이번 프로젝트를 통해 확실히 느낀 것은 이겁니다.
작은 디테일 하나하나가 브랜드 신뢰에 큰 영향을 준다.
브랜드 톤을 일관되게 유지하는 것이 얼마나 중요한지.
디자인은 단순히 예쁘게 만드는 것이 아니라, 브랜드 메시지 전달과 경험 개선을 동시에 책임진다는 것.
스마일보건 BI 리뉴얼을 통해, 작은 디테일과 일관된 톤앤매너가 브랜드 신뢰를 어떻게 높이는지 직접 보여줄 수 있었습니다.
스타트업이나 작은 기업일수록 이런 디테일에 집중하는 것이 장기적으로 큰 힘이 됩니다. 앞으로도 이런 경험을 바탕으로, 신뢰 있는 브랜드 디자인을 만드는 데 계속 도전할 예정이에요.
