Heart to Heart
Overview
하트-하트재단은 소외된 이웃들이 가난, 질병, 장애로부터
차별 받지 않고 온전한 자립을 이뤄 더불어 함께 살아가는
사회 변화를 이끄는 글로벌 NGO입니다.
이번 리뉴얼 프로젝트는 재단의 철학과 가치를
디지털 공간에서 효과적으로 전달하고,
사용자 경험을 개선하며 재단 의 활동을 보다 체계적으로
알리기 위해 진행되었습니다.
What we needs
- Simpler, Smarter Design
- 더 직관적인 UI/UX로 누구나 쉽게 이용할 수 있도록
개선했습니다.
What we needs
- Seamless Mobile Experience
- 반응형 웹 적용과 접근성 강화를 통해 모바일에서도
편리하게 이용할 수 있습니다.
What we needs
- Easier Giving
- 기부 절차를 단순화하고 참여형 기능을 추가하여 이용자
경험을 향상했습니다.
Branding core value
01따뜻한 햇살 같은 공간
02포근한 손길
03마음이 이어지는 길
Share values of heart
따뜻하고 부드러운 색감을 통해 누구나 편안함과 희망을 느낄 수 있도록 하였으며,
직관적이고 친근한 디자인을 통해 마치 손을 내밀어 돕는 듯한 따뜻한 경험을 제공합니다.
진정성 있는 이야기와 감성적인 이미지를 활용해 사람들과 공감하며 나눔의 가치를 전달하도록 리뉴얼했습니다.
Design elements
오렌지색을 포인트 컬러로 하여, 재단이 추구하는
따뜻한 마음을 나누고자 하는 가치를 상징화 합니다.
연한 노란색을 BG 컬러 등으로 활용하여 포인트 컬러와
어우러지면서, 온화하고 화사한 분위기를 부각합니다.
01Color system
- BI Orange
- R 245 G 65 B 17#F38B5E
- Black
- R 17 G 17 B 17#111111
- White
- R 255 G 255 B 255#FFFFFF
- Light Yellow
- R 249 G 245 B 239#F9F5EF
02Typeface
PretendardKR Bold Medium Regular
Quiche SansEN Bold Medium
Main page view
- Main Slide
- 재단의 슬로건 및 진행중인 후원 배너를
노출하여 사용자에게 지속적으로 새로운
소식을 전달합니다.
- Heart to heart
- 하트-하트 재단이 지원하는 사업들을
배너 형식으로 노출하여 사용자들이
재단의 핵심적인 사업 분야를
접근 할 수 있도록 합니다.
- from heart to change
- 재단의 여러 사업을 통한 긍정적인
변화와 관련한 통계를 스크롤 모션과
함께 노출합니다.
- Achievements
- 재단의 여러 업적을 사용자가 알기
쉽도록 정리하여 노출하는 영역입니다.
- Campaign
- 재단이 진행하고 있는 다양한 캠페인을
배너 형식으로 노출하여 사용자들이 쉽게
접근할 수 있도록 합니다.
- history
- 하트-하트 재단만의 따뜻한 손길을
베푸는 여러 소식들을 이미지와 함께
노출하여 사용자들의 흥미를 유도합니다.
- notice & news
- 공지사항과 언론보도는 리스트 형식으로
간결하게 전달합니다.
- Sponsorship
- 여러 방면의 후원을 직관적인 배너 형태로
구성합니다.
The othe pages
Mission / Vision
하트-하트 재단이 지닌 가치와 비전을 드라마틱한 레이아웃으로 배치하여
사용자들의 시선을 집중시키고 내용을 효과적으로 전달합니다.
심플하고 쉬운 UI를 서브페이지에도 적용합니다.
재단이 전하는 메시지와 홍보하는 이미지를 곳곳에 배치하여 시선을 집중시키는
요소를 더하고 직관적인 UI를 완성합니다.
Mobile
PC와 동일한 콘텐츠를 모바일 환경에서도 불편함 없이 최적화하여 볼 수 있도록
구성하였습니다.
Everyone’s happy sharing practice,
Sharing is love.
Heart to HeartFoundation
Credits
Product Manager
- Kim SangHoon
- An KyungMin
Design
- Jeon EunJeong
- Lee JiEun
- Kim MiJoo
Development
- Lee MinKyung
- Moon SeoHee
- Ahn JungHyun
- Hwang KyoungHyun