한마음의료바우처시스템 포트폴리오

메인 화면 기획 및 나눔 참여 중심 랜딩 구성

[메인 화면 기획]

성장호르몬제·의료비 지원 등 진행 중인 사업을 첫 화면 슬라이드 배너로 바로 알리고,

'사랑은 나눌수록 아름답습니다' 아래 '기부는 내가 해요 / 도움은 제가 받아요' 두 버튼으로 후원자와 수혜자의 동선을 처음부터 나누어 기획했습니다.

이어서 후원하기, 한마음의료바우처 소개, 수혜자 현황, 갤러리, 재단 뉴스, 우리동네 이용처 찾기를 타일형 그리드로 모아

재단의 활동과 참여 방법을 한 화면에서 확인하도록 구성했습니다.

메인디자인

[메인 디자인]

로고의 그린을 메인 컬러로 삼아 GNB 라인, 유틸 버튼,

푸터까지 일관되게 적용해 나눔과 생명, 건강을 상징하는 재단의 인상을 만들었습니다.

지구를 감싸 안은 손과 아이들, 기부 우체통, 열매 나무 같은 따뜻한 일러스트를 곳곳에 배치해

복지 서비스의 문턱을 낮추고, 누구나 편하게 다가올 수 있는 친근한 비주얼 톤을 완성했습니다.

콘텐츠 디자인 및 정보 구조

[콘텐츠 디자인]

의료비·임플란트·백내장·보청기 등 20여 개 지원사업을 국내사업 하위 메뉴로 세분화하고,

각 사업마다 지원대상·선정기준·지원내용·이용한도를 같은 순서로 정리해 필요한 정보를 빠르게 비교할 수 있도록 구성했습니다.

바우처 이용안내는 카드 지참부터 결제 영수증 수령까지 단계별 흐름으로,

후원하기는 후원방식과 후원종류를 차례로 선택하는 스텝형 폼으로 설계해 처음 이용하는 고객도 절차를 쉽게 따라올 수 있게 했습니다.

웹사이트 UX/UI 최적화

[웹사이트 UX/UI]

상단 유틸 영역에 재단 브로셔와 복지카드 이용처 버튼을 상시 노출하고,

GNB를 '나를 위한 복지서비스(수혜자)'와 '후원하기'로 대상별로 나누어 방문 목적에 따라 곧장 이동하도록 했습니다.

고령 이용자를 고려해 만화로 보는 이용설명 메뉴를 따로 제공하고,

로그인 화면에 아이디 구성 방법을 함께 안내해 디지털 이용이 익숙하지 않은 수혜자도 어려움 없이 서비스를 이용할 수 있도록 설계했습니다.