안녕하세요. 전유경입니다.
Squarespace로 작업한 교회 사이트 프로토타입을 보내드립니다.
아래 링크로 접속하시면 확인하실 수 있습니다. (*모바일 최적화 작업 전이라 모바일에서 보실 때 오차가 있을 수 있습니다.)
https://bronze-flugelhorn-7pfb.squarespace.com
지난 미팅 때 논의했던 것 처럼, 기존 사이트의 메뉴를 일단 본 플랫폼에서 작업을 해보고 여기서 메뉴와 구성을 추려나가는 방식이라 사이트 메뉴구조는 상단에 배치하여 확인이 쉽도록 하였고, 추후 메뉴구조가 픽스가 되면 재조정을 할 수 있습니다.
전체적으로 최대한 심플한 구성으로 통일하고자 하였고, 웹 테마 컬러나 폰트는 아직 협의 전이고, 기존 폰트를 사용하지 못해 메인 폰트만 DoHyeon 폰트를 사용하였습니다. 전체 디자인 스타일 가이드는 계속 논의하면서 지용 형제님과 함께 업데이트 할 예정입니다.
한가지 고려하지 못한 사항은, 랜딩페이지를 계속 유지할 것인가의 여부에 따라서
메인 중간에 위치한 온라인 예배(유투브로 가는) 영역을 통으로 빼거나 조정할 수 있을 것 같은데, 우선은 랜딩페이지가 없다는 전제하에 온라인 예배 영역을 두고 작업 하였습니다.
-- 페이지 설명----
//Home Type
다 비슷비슷해 보여서, 무엇이 달라졌는지 찾기 어렵게 하여 죄송합니다.
메인에서 온라인 예배 영역을 어떻게 갖고 갈지에 따라서, 통으로 그 영역을 뺄지, 아예 최우선으로 배치할지, 또는 그 영역을 빠질 경우
교회 이벤트 배너를 중상단으로 옮겨올지, 하단에 배치할지 차이와 전체 바디 영역의 사이즈를 비교하기 위해서 조금씩 구성을 바꿔본 스타일입니다.
*메인 페이지에만 링크가 모두 연결되어 있고, Home Type의 서브 메뉴에는 링크가 모두 연결되지 않았습니다. 양해부탁 드립니다.
//교회안내
- 교회주보 : 이번주 주보와 최근 몇 개의 주보만 배치할지, 계속 디비를 쌓을 지 논의가 필요합니다.
- 섬기는이: 목사님 사진들이 현재 사이트에서 다운받아, 사이즈가 맞지 않아 보기에 이쁘지가 않습니다. 양해 부탁 드립니다.
스타일을 비교하고자, 아래 위 두 그룹으로 임시로 나눠놓았습니다. 결정 후 통일 할 예정입니다.
//교육부
교육부 비전: https://bronze-flugelhorn-7pfb.squarespace.com/845905331673
- 교육부 비전 소개 페이지
교육부부서(리스트):https://bronze-flugelhorn-7pfb.squarespace.com/845905331673-1
- 최상단 영상은 높이 조정할 예정입니다. 높이를 조정하면 이쁜 아기들 얼굴이 너무 잘려서 임시로 키웠습니다.
- 각 부서 소개 페이지는 거의 동일한 형식이라 샘플로 2가지 페이지를 우선 작업하였습니다.
부서별 페이지
유아부 https://bronze-flugelhorn-7pfb.squarespace.com/programs/little-kids
특수사역부 https://bronze-flugelhorn-7pfb.squarespace.com/programs/specialministry
- 각 부서 페이지는, 부서별로 이벤트가 있을때 공지할 수 있는 영역과, 최근 예배 영상을 볼 수 있게 하여
부모님들이나 부서 프로그램에 관심있는 사람들이 현재 각 부서에서 어떤 프로그램이 진행 되고 있는지 최근 소식은 쉽게 접할 수 있도록 하고자 하였습니다.
기본틀 안에서 각 부서별 소개 내용을 추가하고, 가능한 부서를 소개할 수 있는 영상이 있으면 좋을 것 같습니다.
//공동체/사역
부서별 페이지
EM https://bronze-flugelhorn-7pfb.squarespace.com/english-ministry
영락교구 https://bronze-flugelhorn-7pfb.squarespace.com/316647346313
청년부 https://bronze-flugelhorn-7pfb.squarespace.com/english-ministry-2
선교사역 https://bronze-flugelhorn-7pfb.squarespace.com/services-5
//교회/교우소식
- 교회소식행사 메뉴들은 Y한마음 사이트로 이전 하는것으로 초기에 논의하였던지라, 우선 기본스타일로 생성만 하였습니다.
- 폰트 스타일 가이드가 현재 정리가 되지 않아, 조금 미워 보이고 테스트 이미지도 진짜 샘플이라 양해부탁 드립니다.
- 교우 소식: 별세 소식이 많아 텍스트 위주로 업데이트 될 텐데, squarespace에서 한국형 게시판스타일이 없어 텍스트만 배치되는 경우 리스트 샘플과, 공통 템플릿 이미지를 사용할 경우 샘플을 보기 위해 리스트에 사진이 있고 없고 합니다. 참고 바랍니다.
시스템 공통 이슈&논의사항)
* blog - 예배말씀, 주보, 공지사항 등의 메뉴를 최신 정보만 업데이트 하는 것이 아니라 리스트를 쌓아야 하면, blog 메뉴를 적용하여야 하는데, 이를 위해서는 squarespace의 블로그 시스템이 데이터를 어느정도까지 커버할 수 있는지 확인이 필요합니다.
* blog - 기존 데이터 import 여부 결정 필요 / 추가할 경우, import 테스트 필요
* 비디오영역을 백그라운드로 설정할 경우, 모바일 버전을 위해 이미지를 넣게 되어 있는데, 모바일 이미지가 데스크탑 버전에서 처음에 보였다가 사라지는 현상이 있어 확인이 필요합니다. 예) 메인 영상 / 교육부부서(리스트) 영상
* 모바일 최적화 작업 필요
* 서브 페이지 상단 형태가 bg 이미지 없이 화이트 배경이 있고, 또는 bg 있는 스타일이 있는데 두가지 타입을 비교하고자 나누어보았습니다.