Concept

  • AS ISHoverTO BE
    컨텐츠 별로 구분이 안갔으며
    병원에 대한 설명이 부족했습니다.
    병원의 스토리와 연관 콘텐츠를 다양하게 제공하며, 진료과목의 시각화를 통해 쉽고 직관적으로 느낄 수 있게 UI System을 구축하였습니다.
    UI/ UX 현재 트렌드와 거리가 멀며,
    반응형 웹사이트는 제공하지 않았습니다.
    전반적으로 따뜻한 브라운 컬러로 안정적인 느낌의 톤앤매너 구성과 모바일 중심의 이용 환경 변화에 맞춰 반응형 웹사이트로 구현하였습니다.
  • TYPOGRAPHY

    • Korean Font

    • English Font

  • USERS
    • 아프신 부모님을 호스피스센터에 모시려는 사람
    • 아프신 부모님을 치료 및 간병을 해줄 병원에 관심이 있음
    • 병원에서 진행하는 자원봉사에 지원 하려는 사람
    • 면회를 가기 위해서 병원의 정보를 알려고하는 사람
  • COLOR PALLETE
    • Point Color #1E6593
    • Main Color #E3D3B8 #F9F8F4 #333333

    브릭컬러의 따뜻한 톤을 사용함으로써 병원에 편안한 이미지를 더해줬다. 폰트에 사용되는 주된 컬러는 사용자 고객층의 나이를 고려해 명도가 강하지 않은 컬러로 사용했다. 포인트 컬러는 원광효도요양병원의 로고의 주 컬러 중 하나로 사용하여 병원의 정체성을 더해 청결한 이미지로 보여주었다.

Design

Overview
웹사이트 접속 시 사용자가 제일 많이 찾는 서비스를 첫 화면부터 고정시켜 사용자가 직관적으로 볼 수 있게 구성하고 신뢰할만하고 편안한 이미지를 메인비쥬얼로 잡아 병원을 이용하고자 하는 사용자들이 병원의 메인컨셉을 인지할 수 있게 사용 편의성과 심미성에 중점을 두고 개편하였습니다.
Width
1920px
Grid Options
Max width 1640px
Columns 12
Gutter width 16px

+Mobile Ver

반응형 웹사이트를 구현해 여러 디바이스에서
사용이 가능하도록했습니다.

Width
1024px / 768px
Grid Options
Max width 864px
Columns 8
Gutter width 16px
Width
Ipad Pro
Width
430px
Grid Options
Max width 390px
Columns 5
Gutter width 10px
Width
Iphone 15 Pro