MANNA CHURCH

만나교회 반응형 웹 사이트

  • CLIENT

    만나교회

  • RELEASE DATE

  • TYPE

    반응형웹, 온라인예배, CMS, 하이브리드앱

만나교회는 교회사이트에 반드시 필요한 기능들을 두루 갖추었습니다. 모바일 퍼스트 반응형 웹과 아이폰/안드로이드 앱으로 어떠한 디바이스 환경에도 구애 받지 않고 원활한 접속이 가능하며, 3단(상단, 중단, 하단) 팝업 시스템으로 교회 내 행사와 소식을 유연하게 전할 수 있습니다. 또한, 코로나 시대에 대응하여 강력한 온라인 예배 시스템 구축으로 유튜브나 비메오를 연동한 실시간 라이브예배 방송이 가능하며, 이 외에도 훈련/섬김 등 교회 내에서 이루어지는 다양한 활동을 진행하기 위한 신청폼을 자유롭게 생성하고 신청 상태별로 관리할 수 있습니다. 교인들의 편의와 관리의 용이성 2가지 목적을 극대화한 사이트 입니다.

사이트 바로가기

만나교회는 기존 교회에 대한 생각을 뒤집는 튀는 교회입니다.

사용흐름에 따라 최신 업데이트가 자연스럽게 상단에 노출되는 구조로 직관적이며
기능적인 디자인으로 작업하였습니다. 예배/설교/나무생각/주보 등과 같은 주요 콘텐츠를
각 성격에 맞게 분류하고 그루핑하여 관리가 용이하도록 하였습니다.
또한, 만나교회의 통합 아이덴티티 구축과 브랜드 강화를 위해 불필요한 디자인 요소는 배제하고,
컨텐츠의 이해와 내용전달이 효과적일 수 있도록 군더더기 없이 깔끔하게 표현했습니다.

Mobile First & Design System

모바일을 우선으로 한 UI 시스템인 Design System을 도입하여 어플리케이션 안에서의
컴포넌트 재사용이 가능하도록 설계하였습니다. 이 설계 시스템은 BEM methodology를 사용하여
구성 요소 간의 네이밍 충돌을 피하고, REM단위를 VW단위와 함께 사용함으로써,
모든 해상도에서 레이아웃을 일정 비율로 유지하도록 만듭니다.

오직 만나교회만의 아이콘 디자인

콘텐츠를 쉽게 이해할 수 있도록 직관적인 일러스트 아이콘을 제작하였습니다.

튀는교회? 띄는 교회! 넘는 교회!

기존의 노후화된 웹사이트에서 벗어나 정보제공과 사용자 편의성에 목적을 둔 사이트로
개편하고자 하였습니다. 알고싶은 정보에 빠르고 쉽게 접근할 수 있는 편리한 웹/앱 서비스 정착과
사이트를 통한 교인들과의 원활한 커뮤니케이션에 집중 하였으며,
다양한 미디어 콘텐츠의 효과적인 노출과 배포를 위해 UX강화에 초점을 두었습니다.

404 에러페이지 디자인

브라우저 기본 404페이지는 지루하고 도움이 되지 않습니다.
맞춤 제작 404페이지로 에러페이지에 대한 방문자의 스트레스와 이탈률을 줄였습니다.

만든사람들

기획
  • 이미진

    이미진

    PM
  • 정나영

    정나영

    PL
  • 양승오

    양승오

    PA
디자인
  • 이지수

    이지수

    PL
  • 박연아

    박연아

    PA
개발
  • 쇼베 니콜라

    쇼베 니콜라

    PM
  • 김채희

    김채희

    PL
  • 이영일

    이영일

    BACKEND
  • 김민석

    김민석

    BACKEND
primary mask
secondary mask
Loading 패러글라이딩 로딩중 패러글라이딩 로딩완료
Loading 발레 로딩중 발레 로딩완료
Loading 슈퍼맨 로딩중 슈퍼맨 로딩완료
Loading 캐논맨 로딩중 맨 로딩완료 캐논 로딩완료