한국문학의 번역과 해외출판을 지원하는 사업, 한국문학관련 국제교류사업과 홍보사업, 번역전문인력 육성사업과 연구사업 등 다양한 사업을 수행하고 있는 한국문학번역원의 웹사이트는 그 역사와 좋은 내용에도 불구하고 많이 활성화 되지 못했다. 리뉴얼을 통해 사용자들에게 좀 더 쉽고 편리하게 다가가기 위해 최고의 기술력과 경험을 보유하고 있는 (주)이프론트(대표, 박근영 www.e-front.co.kr)에게 리뉴얼을 의뢰하였다.

 

                                                        <리뉴얼 중인 메인화면>

 

 

 

색상
기존에 사이트에서는 사이트 전체적으로 녹색계열을 사용함으로써 자칫 촌스러운 느낌을 줄 수 있었다. 기존에는 녹색게열을 전체적으로 사용 하였지만  리뉴얼을 하면서 상단 메뉴바와 하단 레이아웃에만 컬러를 주고 백그라운드 색상를 화이트로 변경하면서 사이트에 컬러 포인트를 주고 사이트가 좀더 입체적이며 심플하게 하였다. 메뉴바의 색상또한 투톤의 그라데이션이 들어간 녹색과 진녹색을 대칭시켜 사용함으로서 입체적 이면서 세련된 느낌을 내도록 하였다.

 

레이아웃
기존에 사용하던 레이아웃 간에 경계가 불분명하고 크기가 작아서 내용을 파악하는데 어려움이 있었다. 리뉴얼을 하면서 기존에 있던 메인이미지를 지우고 공간을 확보하여 보다 많은 양의 정보를 넣을 수 있게하고 각각 레이아웃에  백컬러를 사용하거나 라인을 넣어서 구분이 용이해지고 시인성을 높였다.

 

이미지
여러 서브페이지 등에서 사용되는 이미지들을 새로 디자인 하였다. 새로 디자인한 이미지는 사이즈 크기를 크게해서 시인성을 확보하고 모양 또한 내용에 어울리고 세련되게 디자인 함으로써 텍스트 위주의 단조로운  페이지에 포인트를 주었다.

 

 

 

 

기존 사이트에서는 플래시 없이 이미지와 텍스트 만으로 구성되어 있어서 역동감과 생동감이 부족했다. 리뉴얼을 하면서 메인페이지 안에 다수의 플래시를 사용하여 생동감 있는 페이지를 만들었다. 또한 플래시를 사용하면서 공간활용 능력이 높아지고 시인성이 향상 되었다.

 

 

1번 플래시
각 메뉴 버튼마다 마우스 오버시 좌측에서 우측으로 글자색 변경 효과를 넣었다.

 

2번 플래시
상단에  메뉴버튼을 클릭 하거나 시간이 경과하면 화면전환 효과와 함께 내용이 변경되는 효과를 사용하였다.

 

3번 플래시
각각의 메뉴에 마우스를 오버 하거나  시간이 경과 하면 자동으로 내용이 변경되는 효과를 사용하였다.

 

4번 플래시
메뉴에 마우스를 오버하거나 시간이 경과 하면 화면전환 효과와 함께 내용이 변경 되도록 하였다.

 

5번 플래시
배너버튼이 항상 왼쪽으로 움직이며 배너에 마우스 오버시 움직임이 멈추며 클릭시 해당 사이트로 링크된다.
좌우에 있는  화살표에 마우스 오버시 화살표 방향으로 배너가 움직인다.

 

 

 

6번 플래시
서브페이지 특성에  어울리는 플래시를 삽입 함으로써 텍스트 위주의 단조로운 페이지에 생동감을 주면서 서브페이지의  특성을 부각시켯다.

 

 

                                                      <서브 페이지 플래시 일부>

 

 

 

 

한국문학번역원의 웹 사이트를 리뉴얼 하면서 메인페이지에는 전반적으로 플래시를 많이 사용하여 공간대비많은 정보를 노출 시키면서 사용자들로 하여금 스크롤 없이 정보 탐색을 쉽게 할 수 있도록 했으며 역동성과시인성을 높였다.  또한 사이트의 중복되는 사이트맵과 컨텐츠는 삭제하여 간소화 시켯고 사용자들이 자주 쓰는 콘텐츠 및 카테고리를 재정비했다. 인터페이스와 레이아웃 디자인을 대폭 개선하였고 사용자들이 더욱 편하게 정보를 찾을 수 있게 하였다.

리뉴얼이 완료되면 클라이언트가  만족할수 있는 결과가 나올것으로 예상된다.

 

 

♣ 글 | (주)이프론트 전략기획팀. 대리 박지원

♣ 컨설팅 | 02.830.8266