![](/wp-content/uploads/2021/01/manna_mac_view.jpg)
![](/wp-content/uploads/2021/01/manna_mac_view.jpg)
만나교회는 기존 교회에 대한 생각을 뒤집는 튀는 교회입니다.
사용흐름에 따라 최신 업데이트가 자연스럽게 상단에 노출되는 구조로 직관적이며
기능적인 디자인으로 작업하였습니다. 예배/설교/나무생각/주보 등과 같은 주요 콘텐츠를
각 성격에 맞게 분류하고 그루핑하여 관리가 용이하도록 하였습니다.
또한, 만나교회의 통합 아이덴티티 구축과 브랜드 강화를 위해 불필요한 디자인 요소는 배제하고,
컨텐츠의 이해와 내용전달이 효과적일 수 있도록 군더더기 없이 깔끔하게 표현했습니다.
![](https://studio-jt.co.kr/wp-content/uploads/2020/07/manna_02_img-1.jpg)
Mobile First & Design System
모바일을 우선으로 한 UI 시스템인 Design System을 도입하여 어플리케이션 안에서의
컴포넌트 재사용이 가능하도록 설계하였습니다. 이 설계 시스템은 BEM methodology를 사용하여
구성 요소 간의 네이밍 충돌을 피하고, REM단위를 VW단위와 함께 사용함으로써,
모든 해상도에서 레이아웃을 일정 비율로 유지하도록 만듭니다.
![](https://studio-jt.co.kr/wp-content/uploads/2020/07/manna_03_img.jpg)
오직 만나교회만의 아이콘 디자인
콘텐츠를 쉽게 이해할 수 있도록 직관적인 일러스트 아이콘을 제작하였습니다.
![](https://studio-jt.co.kr/wp-content/uploads/2020/07/01.jpg)
![](https://studio-jt.co.kr/wp-content/uploads/2020/07/02.jpg)
![](https://studio-jt.co.kr/wp-content/uploads/2020/07/03.jpg)
![](https://studio-jt.co.kr/wp-content/uploads/2020/07/04.jpg)
![](https://studio-jt.co.kr/wp-content/uploads/2020/07/05.jpg)
![](https://studio-jt.co.kr/wp-content/uploads/2020/07/06.jpg)
![](https://studio-jt.co.kr/wp-content/uploads/2020/07/07.jpg)
![](https://studio-jt.co.kr/wp-content/uploads/2020/07/08.jpg)
![](https://studio-jt.co.kr/wp-content/uploads/2020/07/09.jpg)
![](https://studio-jt.co.kr/wp-content/uploads/2020/07/10.jpg)
![](https://studio-jt.co.kr/wp-content/uploads/2020/07/11.jpg)
![](https://studio-jt.co.kr/wp-content/uploads/2020/07/12.jpg)
![](https://studio-jt.co.kr/wp-content/uploads/2020/07/13.jpg)
![](https://studio-jt.co.kr/wp-content/uploads/2020/07/14.jpg)
![](https://studio-jt.co.kr/wp-content/uploads/2020/07/15.jpg)
![](https://studio-jt.co.kr/wp-content/uploads/2020/07/16.jpg)
![](https://studio-jt.co.kr/wp-content/uploads/2020/07/17.jpg)
![](https://studio-jt.co.kr/wp-content/uploads/2020/07/18.jpg)
![](https://studio-jt.co.kr/wp-content/uploads/2020/07/19.jpg)
![](https://studio-jt.co.kr/wp-content/uploads/2020/07/20.jpg)
![](https://studio-jt.co.kr/wp-content/uploads/2020/07/21.jpg)
튀는교회? 띄는 교회! 넘는 교회!
기존의 노후화된 웹사이트에서 벗어나 정보제공과 사용자 편의성에 목적을 둔 사이트로
개편하고자 하였습니다. 알고싶은 정보에 빠르고 쉽게 접근할 수 있는 편리한 웹/앱 서비스 정착과
사이트를 통한 교인들과의 원활한 커뮤니케이션에 집중 하였으며,
다양한 미디어 콘텐츠의 효과적인 노출과 배포를 위해 UX강화에 초점을 두었습니다.
![](https://studio-jt.co.kr/wp-content/uploads/2020/07/manna_04_img.jpg)
![](https://studio-jt.co.kr/wp-content/uploads/2020/07/manna_05_img.jpg)
404 에러페이지 디자인
브라우저 기본 404페이지는 지루하고 도움이 되지 않습니다.
맞춤 제작 404페이지로 에러페이지에 대한 방문자의 스트레스와 이탈률을 줄였습니다.
![](https://studio-jt.co.kr/wp-content/uploads/2020/07/manna_06_img.jpg)
어워드 수상내역
&AWARD : 2020 / Social Contribution / WINNER
-
2020
&AWARD WINNER
만든사람들
-
이미진
-
정유하
-
양승오
-
이지수
-
박연아
-
쇼베 니콜라
-
김채희
-
이영일
-
김민석