- 평가내역
WEB AWARD KOREA evaluation
등록정보
|
| 타이틀 | 전국경제인연합회 공식블로그 자유광장 | |||||||||
|---|---|---|---|---|---|---|---|---|---|---|
| the Federation of Korean Industries 'FreedomSquare Blog' | ||||||||||
| 서브타이틀 | 전경련 공식블로그 자유광장 | |||||||||
| FKI FreedomSquare Blog | ||||||||||
| URL | http://www.freedomsquare.co.kr 사이트보기 | |||||||||
| 소개 | 스토리가 있는 경제 블로그 전경련 자유광장 | |||||||||
| 키워드 | 전국경제인연합회,전경련,FKI,자유광장,경제,취업 | |||||||||
| 제작년월 | 2014.3 | |||||||||
| 등록구분 | 데스크탑웹 | |||||||||
| 후보등록분야 | 미디어/정보서비스 부문 > 공공블로그 | |||||||||
| 소속사 | 전국경제인연합회 | |||||||||
| 제작사 |
PCN |
|||||||||
| 제작사 제작진 |
|
|||||||||
| 웹사이트 설명 | 다양한 스타일 구현이 가능한 ‘큐브’ 레이아웃
상단은 롤링 섹션 디자인으로, 하단은 큐브 형태로 제작해 역동적인 메인화면을 구성했다. 관리자 페이지는 포스팅된 글과 이미지를 자동으로 배치하도록 설계해 관리에 편의성을 제공했고, 메인화면을 새롭고 다양한 형태로 구성할 수 있도록 섹션 위치 변화도 쉽게 구축한 점이 가장 큰 특징이다. 경제에 친근함과 가벼움을 더하다 기존의 ‘전국경제인연합회’와 ‘경제’라는 건조한 이미지를 스토리텔링을 통해 더욱 친근하게 느껴지도록 개편했다. 여기에 경제 콘텐츠뿐 아니라 전문가 및 대학생 칼럼, 인포그래픽스, 트렌드 인사이트 등 시사와 이슈에 맞는 흥미로운 주제의 콘텐츠들을 더했다. 주제를 한눈에 보는 상단 메뉴, 접근성 높은 카테고리 구성 상단에 ‘블로그 소개’, ‘만드는 사람들’, ‘프레스룸’, ‘인포그래픽스’ 메뉴를 배치해 블로그 주제를 쉽게 이해할 수 있게 했고, 간결하고 체계화된 카테고리 구성으로 콘텐츠 접근성을 극대화했다. ‘자유광장’은 콘텐츠 전체를 한눈에 볼 수 있으며, ‘공지사항’에는 전경련의 최근 동향과 논평을, ‘경제스퀘어’에는 업계 전문 칼럼니스트와 대학생들이 전하는 칼럼과 전경련의 보도자료를 쉽게 전달하는 스토리텔링 콘텐츠를 담았다. 이외에 ‘소셜스퀘어’는 소셜 파트너즈와 소셜 프렌즈가 전하는 시사 이슈에 관한 전문 콘텐츠를, ‘서포터즈존’은 대학생 서포터즈 자기소개서의 취재활동 등의 콘텐츠를 담아 알차게 구성했다. 기획 페이지 ‘취업의 한 수’는 스펙 중심이 아닌 차별화된 방법으로 취업에 성공한 선배들의 취업 준비과정을 인터뷰해 연재하고 있다. ‘무’에서 ‘유’를 창조 티스토리 기반의 티에디션을 통해서는 구현할 수 없는 레이아웃에는 전문 퍼블리셔와 개발팀의 역할이 컸다. 차원 높은 CSS와 디자인 요소의 조화에 중점을 둬 완성도 높은 메인 디자인을 구현할 수 있었다. 큐브 UI, 사용자 중심 UX 제공 레이아웃 변경이 쉬운 큐브 형태로 이뤄진 메인화면은 중앙 상단 섹션이 롤링되게 해 이슈 콘텐츠에 대한 관심도를 높였고, ‘경제 스토리’를 가운데 배치해 주요 콘텐츠를 쉽게 찾을 수 있도록 했다. 또, 콘텐츠에 따라 색을 달리해 접근성을 높였고, 홈 버튼, SNS 채널 버튼, RSS 버튼, 방명록 버튼 등을 아이콘화해 직관적인 UI를 갖췄다. ‘전경련 웹사이트 바로가기 버튼’ 또한 색상을 다르게 해 주목도 및 연계 접근성을 높이는 데 주력했다. |
|||||||||
| 추가이미지 |
        
|
|||||||||
| 제작/구축 관련 자료 | ||||||||||