● 기획 의도 & 효과

APEC역내 ICT 초기사용자를 위한 효과적·생산적 ICT 활용교육 프로젝트를 효과적으로 홍보하고 APEC역내 공익 포스터공모전을 열어 포스터를 공모함과 동시에 웹사이트 방문자를 확장시켜 KT문화재단의 네임벨류 향상과 콘텐츠를 국제화시켜 정보통신기술뿐 아니라 활용 문화 측면에서도 한국이 선도적 위치를 확보하는 계기를 가져보고자 웹 프로젝트 구축경험을 바탕으로 비교분석 및 최신 사이트 기술동향을 기초로 (주)이프론트(e-front.co.kr)에서 기획&제작 하였다.

◎ 비쥬얼 설정
 ● 메인디자인 주요요소 : 자율적, 창의적, 학구적, 크레이티브한 감각적 아이디어, 진취적, 열정적 
 ● 메인 컨셉
  ⅰ 통일성과 차별성 동시에 진취적, 열정적인 이미지를 상징화
    ➀ 시나리오를 이어가는 ‘스토리텔링기법’을 활용하여 전체적인 이야기상의 흐름을 통일시킨 디자인
    ➁ 각 콘텐츠와 비주얼의 비중을 비슷하게 두고 진취적이고 열정적인 이미지를 상징화시킨 세련된 디자인
    ➂ 감성적이고 실용적인 정보노출을 통해 재단의 이미지에 대한 감칠맛 나는 양념역할을 톡톡하는 차별적인 디자인

  ⅱ시각적인 디자인을 최대화 시키는 UI
크리에이티브하고 아이디어를 상징하는 감각적인 디자인, 자유로움과 학구적인 이미지연출하고 공모전 수상작품 보여줌으로써 참여자의 참여욕구 상승시키려는 의도를 나타내었다. ICT교육 프로젝트라는 이미지를 시각화 시키고자 메인과 서브 전체 외각 디자인을 블루와 오렌지 톤으로 깔끔하고 간결하게 나타내었다.

 ⅲ Navigation
참여국의 인터넷환경을 고려하여 페이지로딩속도에 지장을 주지 않는 디자인과 네비   
게이션을 적용하였고, 이미지와 텍스트를 뿌려주는 형태로 주요내용을 노출함으로써 정보에 대한 접근성 증가시켰다. 또한 참여성 콘텐츠의 경우 주로 배너형태로 구성하되 색감을 각각 다르게 주어 가시성을 높였으며 유저들이 사용하는 웹페이지의 길을 잃지 않게 하는 퀵 메뉴를 삽입하여, 친근함과 편리함을 극대화시켰다.

 

● 컬러시스템 : 블루, 오렌지
사이트의 주된 사용자에 맞는 밝은 톤의 칼라를 사용하여 동적이면서 경쾌하고 다이나믹한 느낌을 준다. 주 칼라를 블루로 하여 사이트의 신뢰성을 유지하였고, 포인트로 오렌지 칼라를 사용하여 밝고 산뜻한 느낌을 유지할 수 있도록 하고 있다.

 

 ● 타이포시스템
왼쪽/오른쪽 컨텐츠 폰트는 다국적이 이용하는 만큼 빠른 로딩을 위해 “Trebuchet MS”의 기본 영문폰트를 선정하여 깔끔함을 강조하고 가독성을 높였다. 중앙 컨텐츠 폰트는 문자표현상의 유연성을 갖출 수 있게 하였고 복잡하고 가독성이 떨어지기 쉬운 폰트의 나열 보다 Myriad의 고딕계열을 사용해 깔끔함과 정리된 느낌을 느낄 수 있다. 시스템 폰트는 제일 많이 차지하는 부분으로서 컨텐츠 폰트와 어울리고 가독성이 쉬운 verdana로 나타내었다.

 

  

 

 

● 서브메인

 

 

사용자의 사용성과 접근성을 향상 시킬 수 있는 네비게이션 구성 및 컨텐츠 구성ㆍ배치하고 사이트에 걸맞는 일러스트를 적절히 사용, 일반적인 텍스트 기반 레이아웃에서 벗어나 사용자의 흥미를 유발하였다.
사용자의 사용성과 접근성을 향상 시킬 수 있도록 네비게이션 바의 컬러와 크기를 차별화 하여 한눈에 들어오도록 구성하였으며, 구획을 확실히 나누어 컨텐츠를 구성 배치하였으며 흥미를 유도하기 위하여 비쥬얼적인 요소를 가미하였다.
메인 비주얼 이미지는 “IT기술의 첨단”과 “글로벌”의 이미지를 각각의 요소로 시각화하였다.  인터넷과 ICT 통신교육의 개념이 공존하는 느낌을 밝고 재미난 느낌의 일러스트와 APEC회원가입국의 국기를 플래시를 사용하여 학구적인 느낌을 주고 있다. 

사용자가 친숙하게 이용할 수 있는 화면설계를 통해 본 사이트 사용을 용이하게 하였으며, 다양하고 보다 나은 서비스를 제공하려는 사이트의 이미지를 플래시를 구현 이때 사용자로 하여금 친숙하고 안정감 주도록 깔끔한 이미지를 나타내었다.