keyword

design concept

레드를 강조컬러로 사용하여 따뜻한 느낌을 주고
단순한 구조로 정보를 쉽게 전달하고자 합니다.
레이아웃에서 사진과 아이콘을 리듬감있게 배치하여
활동적인 느낌을 표현하였습니다.

  • Typography

    한글

    Noto Sans CJK KR Regular

    Noto Sans CJK KR Bold

    English

    Roboto Regular

    Roboto Bold

  • Color

    color

Icon

icons

wireframe

  • abofriends wireframe
  • main wireframe
  • house wireframe

main

main screen
HEADER
로고와 GNB, 유틸로 구성
GNB를 통해 2차 메뉴로 이동 가능
MAIN BANNER
이벤트와 공지사항을 한눈에 볼 수 있도록
슬라이드 형식으로 배치
CONTENTS : About
헌혈의 필요성과 준비물에 대한 내용을
사진과 함께 알기 쉽도록 요약하여 배치
헌혈의 종류와 사은품은 아이콘을 중심으로
마우스오버나 슬라이드 넘기기를 통해
더 많은 정보를 얻을 수 구성
FULL BANNER
슬로건을 풀배너와 함께 강조
CONTENTS : Activity
다양한 헌혈 활동에 관련된 메뉴로
이동가능한 링크 버튼과 함께
정기 헌혈 관련 내용을 사진과 함께 배치
PROMO MOVIE
대표 홍보 영상과 함께 더 다양한 영상을
볼 수 있는 영상 채널 바로가기 버튼을 배치
FOOTER
로고 / 주소 / 저작권 / sns로 구성

abo friends

TITLE
현재 위치를 알 수 있도록 2차 메뉴명과
페이지 내용을 요약하는 문장과 사진을 배치
CONTENTS : About
ABO Friends에 대한 설명과
필요성, 가입혜택 등을 사진, 아이콘과 함께
정렬하여내용을 알기 쉽도록 정리
CONTENTS : Members
전체 너비를 차지하는 꺾은선 그래프와
강조컬러가 들어간 큰 크기의 텍스트를 활용
누적가입자수를 시각적으로 강조
FOOTER
abo friends screen

헌혈의 집

TITLE
CONTENTS : About
헌혈의 집에 대한 소개와 헌혈팁 소개를
일러스트와 사진을 함께 배치하여 소개
특정지역 맞춤서비스 신청 절차를
아이콘과 함께 알기 쉽게 요약하여 설명
FOOTER
헌혈의 집
mockup screen