다시 뛰는 공정도시 서울!

문서번호 광화문광장추진단-22117 결재일자 2022. 6. 7. 공개여부 부분공개(5) 방침번호 시 민 주무관 광장정책팀장 광화문광장기획반장 광화문광장추진단장 박지은 이창훈 김정범 06/07 이영기 광화문광장 홈페이지 개편 계획 2022. 6. 균형발전본부 (광화문광장추진단) 광화문광장 홈페이지 개편 계획 ’22년 7월 광화문광장 조성이 완료됨에 따라 광화문광장의 대시민 소통 및 홍보 창구인 광화문광장 홈페이지의 변화될 역할을 반영하여 홈페이지를 개편하고자 함 Ⅰ 홈페이지 현황 □ 그간의 추진 사항 ○ 2019년 : 광화문광장 조성 추진으로 시민소통이 필요하여 단독 홈페이지 구축 ※ 2013년~2019년 서울광장 홈페이지 내 하위 메뉴로 정보제공 (서울？광화문？청계 광장) ○ 2020년 : 공사 착공에 따른 시민불편사항 대응 및 변화하는 광장 소개 ○ 2021년 : 광장 보완발전 사항과 발굴유구 소개, 온라인 아카이브 제공 □ 홈페이지 운영현황 ○ 서비스명 : 광화문광장 홈페이지(gwanghwamun.seoul.go.kr) ○ 제공정보 : 광장소개, 변화하는 광화문광장 소개, 이용안내, 아카이브 등 - 공사착공 이후 방문자가 감소하였으나 이벤트 발생 시 대폭 증가함 ？ - 광화문광장 개장 시 홈페이지 방문자가 증가할 것으로 예상 Ⅱ 개선 계획 □ 추진방향 ○ 광장 개장 이후 시설？행사 정보 등 이용자가 필요로 하는 콘텐츠로 개편 현 재 ⇒ 개장이후 광장 조성사업 경위와 진행사항, 변화되는 광장 모습 소개 변화된 광장 시설 안내, 이용정보, 행사정보 등 광장 이용자 편의 사항 ○ 최신 기술 및 UI/UX 트렌드 반영을 통한 이용 편의성 도모, 모바일 최적화 (※ 2021년 광화문광장 홈페이지 접속 기기 : PC 56%, 모바일？태블릿 : 44% ) ○ 콘텐츠 구성과 검색엔진최적화로 홈페이지 정보 접근성 향상 □ 개선사항 ○ 광화문광장 개장에 따른 콘텐츠와 운영환경을 반영하여 홈페이지 메인 개편 ○ 플리킹, 스와이프 등 모션 UI을 활용하여 모바일 웹 최적화 ○ 광장시설정보, 행사/프로그램 정보 콘텐츠 강화. 공공서비스예약 연계 ○ 메인 이미지, 배너, 프로그램/일정 등 콘텐츠관리시스템(CMS) 기능 개발 ○ 검색엔진최적화, 소셜공유 기능으로 홈페이지 방문자 유입경로 확대 □ 추진일정 ○ ’22. 4월 ~ 5월 : 트렌드 분석 및 기획, 화면 디자인 및 프로세스 설계 ○ ’22. 6월 ~ 7월 : 프로그램 개발, 페이지 제작, 영문 기획 및 제작 ○ ’22. 7월 ~ 8월 : 서비스 테스트 및 오픈 국문 - 7월, 영문 - 8월 ○ ’22.2. ~ 계속 : 광화문광장 검색엔진 노출 분석 및 최적화 작업 Ⅲ 세부추진계획 ① 콘텐츠 변화에 맞춰 전체 메뉴구조 변경 □ 주요 변경사항 ○ 광장사용설명서 : 광장 이용정보와 조경？수경시설, 펀의시설 등 안내 ○ 광화문즐기기 : 역사, 문화 이야기, 카드뉴스 등 콘텐츠 통합 ○ 광장나들이 : 진행중인 행사와 프로그램, 사용신청 종합 관리 ○ 광장 조성사업 추진 경과 등은 광장소개 하위 메뉴로 편성 추진경위, 사업안내, (월대마당)공사 진행현황, 광화문사람들 등 사업내용 안내 □ 메뉴 전-후 비교 ○ 현재 광장소개 광장소식 변화되는 광화문광장 이용안내 광화문 사람들 광화문소개 공지사항 추진경위 광장 행사일정 인사말 역사적의미 보도자료 사업안내 광장 사용신청 시민위원회 소개 광화문광장 아카이브 매장문화재 이야기 교통현황 및 대책 역사문화 해설체험 시민위원회 활동 BI소개 공사현황 미리보는 새 광화문광장 궁중복식 체험 오시는길 카드뉴스 한글 가훈 써주기 낢다른 광화문광장 이야기 자료실 ○ 변경안 ② 콘텐츠 접근성을 향상한 메인 디자인 □ 기획방향 - PC화면에 비해 콘텐츠 접근성이 떨어지는 모바일 환경 우선 고려하여 메인 구성 - 주요 행사와 이용정보를 메인화면에 전면 배치하여 콘텐츠 접근성 확보 □ 디자인 및 레이아웃 - 메인 비주얼은 광화문광장의 대표 이미지 시각화, 생동감 있는 광장 연출 - 메인 비주얼 이미지 아래에 주요 정보를 배치하여 콘텐츠 접근성 향상 - 화면을 단락화하여 한번의 드래그 동작에 한종류의 콘텐츠를 배치 가독성 제고 - 사용자의 관심을 빠르게 끌어 웹사이트 이탈율을 최소화하는 모션UI(플리킹 등) 도입 ※ 플리킹 기능 : 메인페이지 좌우에 별도의 콘텐츠를 삽입 예) 네이버 □ 메인화면 관리기능 개발 - 메인이미지, 프로그램？메인상단？팝업배너 등 등록？(예약)노출 관리기능 개발 - 광화문광장주변 도시데이터를 연계하여 기상정보(날씨, 미세먼지) 제공 □ 메인 구성(안) (붙임1. 메인화면 시안) <----------------- 모바일 ----------------> <----- PC -----> <헤더> <시설> <메인> <프로그램> <콘텐츠1> <콘텐츠2> <콘텐츠3> <푸터> 헤더 서울시공통메뉴바 메인 광장 컨셉 이미지 , 광장 날씨정보 콘텐츠 - 광장 시설 소개 - 주요 이벤트 배너 - 공지사항, 보도자료 시안별로 다르게 구성 푸터 BI, 사이트정보 서울시 공용 배너 ③ 지도를 활용하여 단계별 시설 정보 제공 ○ 다양한 시설을 8개의 목록으로 묶어 위치정보와 함께 표시 - 동상, 해치마당, 정원, 수경시설, 휴식공간, 문화재유구, 편의시설, 포토존 ○ 목록-위치/개요-상세정보 순으로 관심 콘텐츠에 단계별로 정보를 제공 - 각 시설별 이미지, 위치, 장소 의미, 분수가동 시간 등 이용정보 제공 - 역사물길 내용, 명량분수 글귀, 유구와 육조건물 배치도(지도) 등 스토리를 시설정보와 함께 제공하여 역사성 강화 (붙임2. 시설안내 디자인 시안) ④ 메인 및 행사정보 관리 프로그램 개발 ○ 행사/프로그램, 접수, 공모전, 광장 사용신청 등 정보를 메뉴구분 없이 쉽게 찾을 수 있도록 서브메인 페이지 구성 (붙임3. 행사정보 디자인 시안) ○ 현재 진행중인 프로그램 중심으로 행사정보 제공 - 광화문광장을 방문하는 시민이 당일 진행 중인 프로그램의 장소를 쉽게 찾아갈 수 있도록 정보 우선 제공 ○ 신청/접수 프로그램은 서울시 공공서비스예약시스템을 연계 - 이용자가 별도의 회원가입 없이 서비스를 신청할 수 있도록 지원 - 선착순 신청/추첨/관리자승인 등 필요에 따라 다양하게 접수 가능 ○ 광장사용허가 현황을 확인 할 수 있도록 월별 접수현황 제공 - 사용승인된 행사는 광장 행사정보에 표시될 수 있도록 연계 ○ 광화문광장에서 진행되는 모든 이벤트 통합 관리 프로그램 개발 - 자체 프로그램, 공공서비스예약, 외부행사, 광장사용허가 등이 유기적으로 연계되어 관리될 수 있도록 기능설계 ⑤ 홈페이지 접근성 개선 ○ 파비콘을 제작하여 광화문광장 상징성 제고 - 광화문광장 BI를 활용하여 간결하면서도 상징성이 있는 아이콘 제작 1안) 2안) 3안) 4안) ※ 파비콘(Favicon) : 즐겨찾기 아이콘의 준말로 웹브라우저 주소창에 표시되는 작은아이콘 예) , , ○ 소셜링크로 SNS 공유를 간편하게 - 현재) 웹사이트 페이지 주소복사 기능 제공 -> SNS별 직접 공유기능 제공 ○ 검색엔진최적화(SEO)로 포털검색을 통한 홈페이지 방문자 유입 확대 - 검색포털에서 광화문광장 검색 시 홈페이지 콘텐츠가 먼저 노출되어 방문자가 유입될 수 있도록 홈페이지 메타 정보 최적화 - 검색포털 별 정책으로 홈페이지의 모든 콘텐츠가 반영되지 않으나, 지속적인 모니터링과 변경으로 검색엔진 노출 횟수 제고 - 추진경과 : 검색결과 조사 → 타 사이트 사례분석 → 구글 서치콘솔 설치 → 홈페이지 유입 검색어 도출 → 샘플페이지(5개) 메타정보 변경 → 반영 결과 추적 → 메타정보 개선 Ⅳ 추진일정 붙임 1. 홈페이지 디자인 시안 1부. 끝.

26126277

20220608050006

본청

광화문광장추진단-22117

D0000045516675