기타
신평침례교회
  • #부산신평침례교회
CLIENTS.
신평침례교회
DATE.
2024.05.17
TYPE.
Responsive Web

기타

신평침례교회 #부산신평침례교회
기타
신평침례교회
  • #부산신평침례교회
CLIENTS.
신평침례교회
DATE.
2024.05.17
TYPE.
Responsive Web
Device.

디스플레이 종류에 따라 화면의 크기가 자동으로 최적화되도록 조절되는 반응형 웹으로 제작되었습니다.

기획의도.

56주년 전통과 역사가 있는 교회로 교인들과 교회를 처음 접하는 사람들이 찾고자 하는 정보들을 보다 쉽게 찾을 수 있도록
사용자 편의를 고려한 UI/UX 구성과 기획을 요청했던 프로젝트입니다.
전체 연령의 남녀노소 모두가 주 타겟층이지만 대체적으로 연령이 높은 교인들에 맞춰
과하지 않은 모션과 심플한 레이아웃을 고려하여 작업되었던 프로젝트입니다.

Design Concept.

화이트와 네이비 색상을 선정하여
깔끔하고 신뢰도가 부각되도록 하였으며
다양한 소개의 이미지를 십자가 형태의
레이아웃으로 구현하여 아이덴티티를
돋보이게 하였습니다.

Colors.
Typo.
Confirm Design.
Sub Design.
Motion.

최신 웹 트렌드 기법인 WebGL로 스크롤 시 이미지가 확대되면서 십자가 형태가 되도록 모션의 디테일을 살려 작업하였으며
교회소개 페이지의 경우 목사님 사진이 스크롤에 맞춰 고정되면서 웃는 이미지로 변경되도록 구현하였습니다.