Evaluation 평가 - 평가내역

WEB AWARD KOREA evaluation

등록정보

타이틀 자유광장
Freedom Square
서브타이틀 전국경제인연합회 공식블로그 자유광장
FKI Freedom Square Blog
URL http://www.freedomsquare.co.kr 사이트보기
소개 스토리가 있는 경제 블로그
키워드 자유광장,전경련,전국경제인연합회,FKI
제작년월 2013.5
등록구분 데스크탑웹
후보등록분야 미디어/정보서비스 부문 > 공공블로그
등록분야 목록보기
세부분류 커뮤니티 > 블로그
소속사 전국경제인연합회
제작사

PCN

제작사 제작진 PM : 최범진
기획 : 노미아
디자인 : 정용, 강민주
개발 : 김정민
운영 : 김현욱, 안병도, 박건호, 김의정
컨설팅 : 정미숙, 오용석
웹사이트 설명 다양한 스타일을 가능하게 만든 '큐브' 레이아웃
상단에 동영상을 위치시킨 디자인으로 아래쪽은 큐브 형태로 제작해 메인 화면을 구성했다. 관리자 페이지는 특별한 설정 없이 포스팅한 글과 이미지를 자동으로 지정하도록 값을 줘 간편하게 구성했고, 위치 변화도 편리해 다양한 형태로 메인을 새롭게 구성하도록 구축한 점이 가장 큰 특징이다.

경제에 친근함과 가벼움을 더하다.
‘자유광장’ 개편을 통해 기존의 ‘전국경제인연합회’와 ‘경제’라는 무겁고 딱딱한 키워드를 더욱 친근하고 가볍게 느껴지도록 했다. 콘텐츠는 기존의 글쓰기 형식뿐만 아니라 인터넷 라디오를 통한 ‘인터넷 라디오 팟케스트라’, 동영상을 통한 ‘자유광장 TV’, 흥미 요소인 ‘라이프스토리’ 등 다양한 매체활용 및 흥미로운 주제들로 갖춰져 있다.

4가지 상단 메뉴, 5가지 내비게이션 메뉴
상단에는 ‘블로그 소개’, ‘만드는 사람들’, ‘인포그래픽스’, ‘자유광장 TV’에 메뉴를 위치해 블로그 소개뿐 아니라 카테고리 안의 주요 콘텐츠를 해당 상단 메뉴명에 맞게 위치시켰다.
내비게이션의 메뉴를 살펴보면
첫째로, ‘자유광장’은 ‘자유광장 이야기’, ‘전경련 이야기’, ‘이벤트’에 대한 내용
둘째로, ‘경제스토리’는 ‘경제뉴스 일기’, ‘경제상식 넓히기’, ‘인터넷 라디오 팟케스트라’에 대한 내용
셋째로, ‘라이프스토리’는 최신 IT 기기, 영화, 여행 등에 대해 단독 메뉴로 구성한 내용
넷째로, ‘소통공감 서포터즈’는 ‘발.자.취(발로 뛰는 취소서 취재일기)’, ‘경제로 소통공감’에 관한 내용
다섯째로, ‘칼럼노트’는 ‘경제민주화 특강’, 경제현상을 경제학 인사들의 시각에서 바라보는 ‘자유, 에스프레소’로 이뤄진 내용
이렇게 다섯 가지 메뉴가 알찬 콘텐츠 구성을 도왔다.

‘무’에서 ‘유’를 창조
티스토리 기반의 티에디션을 통해서는 나올 수 없는 구성이었기에 퍼블리셔와 개발의 역할이 컸다. jQuery로 디자인적 요소를 잘 활용했고, 그 결과 완성도 높은 메인 디자인 구현이 가능했다.

‘자유광장’ 레이아웃 살피기
동영상 영역을 메인에 위치시켜 전체적인 이미지 및 텍스트 영역의 이동이 가능하다. 우측에 내비게이션을 위치시켰고, 아래는 트위터와 페이스북 위젯을 설치해, 실시간 소식 및 간편한 팬 가입을 도왔다. 또한, 공지사항과 주요 경제 콘텐츠를 만들어 삽입했다.

큐브 UI, 사용자 편의 UX
레이아웃 변경이 쉬운 큐브 형태로 이뤄진 블로그 메인은 ‘경제 스토리’를 가운데 위치해 사용자 관심도를 높였고, 각 콘텐츠에 따라 색을 달리 해 사용자가 별개의 콘텐츠임을 인지하도록 차별화했다. 홈 버튼, SNS 채널 버튼, RSS 버튼, 방명록 버튼 등 도식화하여 직관적으로 표현했고, ‘전경련 웹사이트 바로가기 버튼’은 색상을 달리해 주목도를 높였다.

*월드웹, 5DAY, 디자인정글 뉴스 게재
추가이미지
제작/구축 관련 자료




평가의견