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

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

Mobile First & Design System

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

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

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

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

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

404 에러페이지 디자인

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