사이트 디자인을 빛 고을 컨셉에 맞추다. 이번 작업의 핵심은 단순히 색을 밝게 바꾸는 것이 아니었다. 넷시티 안에서 진행 중인 여러 사이트를 하나의 도시처럼 보이게 만들고, 각각의 서비스가 자기 역할을 가지면서도 같은 빛 아래 놓인 것처럼 느껴지게 하는 것이 목표였다. 여기서 말하는 빛 고을은 특정 지역 명칭이라기보다, 정보가 어둡게 흩어지지 않고 한 화면 안에서 밝게 드러나는 디자인 방향을 뜻한다.
참조 기준은 www.netcity.co.kr 메인의 SHOWROOM 배너들이다. 포럼, 스페이스, 개발 아카이브, 링크 디렉토리, 스마트팜, 뉴스, 매거진, 블로그진, IS 플랫폼, 수원 스트리트, Meet, 무비, POPS, 모바일 서버 실험까지 서로 다른 성격의 사이트가 한 줄의 배너 컬렉션으로 정리돼 있다. 이 배너들은 넷시티가 단일 페이지가 아니라 여러 기능과 실험이 모인 도시형 플랫폼이라는 사실을 가장 직접적으로 보여준다.
흰 배경은 비워둔 공간이 아니라 빛이 머무는 바탕이다
빛 고을 컨셉에서 가장 먼저 잡은 것은 배경이다. 배경을 무겁게 만들면 서비스의 수가 많아질수록 화면이 닫힌다. 그래서 기본은 흰색에 가깝게 두고, 블루 계열의 선과 리스트, 옅은 하늘색 면, 작은 골드 포인트를 더하는 방식이 맞다. 흰 배경은 비어 있는 공간이 아니라 사용자가 정보를 읽을 수 있게 해주는 빛의 바탕이다. 특히 넷시티처럼 포럼, 뉴스, 디렉토리, 매거진, 실험실형 사이트가 동시에 존재하는 구조에서는 배경이 조용해야 각 서비스가 자기 목소리를 낼 수 있다.
블루는 정보의 방향을 잡는 색으로 사용했다. 링크, 버튼, 리스트 배경, 상태값, 카테고리 구분선에 블루를 두면 사용자는 화면 안에서 어디가 움직이는 영역인지 바로 알 수 있다. 골드는 남발하지 않고 ‘빛’의 포인트로만 둔다. 제목 하단의 짧은 선, 대표 이미지의 강조점, 배너 그룹의 구획선처럼 작은 면적에만 넣으면 전체가 과하게 장식되지 않으면서도 빛 고을이라는 컨셉이 살아난다.
각 사이트는 하나의 건물이고, 배너는 도시의 간판이다
메인 SHOWROOM 배너는 단순 홍보 박스가 아니다. 넷시티 안에 세워진 건물들의 간판에 가깝다. 포럼은 토론의 광장이고, SPACE는 매거진형 기록관이며, DEV는 프로그램과 리눅스 팁을 모으는 작업실이다. LINK는 디렉토리와 미래 뉴스가판대 역할을 하고, SMARTFARM은 도시형 마켓과 정보 구조 실험을 담당한다. NEWS와 NETBOARD는 게시판 기반의 중심 인프라이고, BLOGZINE과 MAGAZINE은 개인과 도시 특수분야 콘텐츠를 담는 편집 공간이다.
IS 플랫폼, 수원 스트리트, Meet, Movie Story Feed, Cloud Storage, POPS, NETMOVIE, 모바일 스마트서버 실험은 각각 다른 결을 가진다. 그러나 배너 안에서는 동일한 비율, 동일한 정보 구조, 동일한 진입 방식으로 놓인다. 이 통일감이 중요하다. 사용자는 서비스 하나하나가 완성형인지 시험형인지보다 먼저, “넷시티 안에 이런 것들이 연결돼 있구나”를 느끼게 된다. 빛 고을 컨셉은 바로 그 연결감을 시각적으로 정돈하는 작업이다.
사이트마다 다르게 만들되, 첫인상은 같은 도시 안에 있어야 한다
모든 사이트를 똑같이 만들면 플랫폼은 지루해진다. 반대로 전부 다르게 만들면 방문자는 길을 잃는다. 그래서 넷시티의 방향은 ‘각 사이트는 다르게, 진입 경험은 같게’에 가깝다. 포럼은 흰 배경과 블루 리스트 중심으로 토론 구조를 보여주고, 뉴스는 기사와 최신글 흐름을 강조한다. 디렉토리는 캡처와 사이트 목록을 중심에 두고, 매거진형 사이트는 이미지와 편집 리듬을 살린다. 하지만 로고, 상단 메뉴, 배너, 주요 색, 리스트의 밀도는 같은 계열로 맞춘다.
이 방식은 운영 측면에서도 유리하다. 메인 배너에 새 사이트를 추가하면 넷시티 전체의 지도가 즉시 갱신된다. 개별 사이트가 아직 시험 단계라도, 배너 안에서는 현재 진행 중인 프로젝트로 자연스럽게 소개된다. 방문자는 완성된 결과물만 보는 것이 아니라, 넷시티가 무엇을 만들고 있고 어떤 방향으로 커지고 있는지를 따라갈 수 있다. 도시가 완공된 건물만으로 기억되지 않듯, 플랫폼도 진행 중인 공사와 실험을 보여줄 때 더 살아 보인다.
빛 고을 컨셉의 실제 적용 기준
첫째, 화면은 밝게 유지한다. 흰색과 옅은 블루를 기본으로 두고, 그림자보다 선과 면으로 구획한다. 둘째, 리스트는 정보가 흐르는 길처럼 만든다. 카드가 많아지면 장식이 먼저 보일 수 있으므로, 기능형 화면에서는 리스트를 중심으로 둔다. 셋째, 로고와 배너는 도시의 표지판처럼 작동해야 한다. 사용자가 어느 사이트에 들어와도 “넷시티 안에 있다”는 감각을 잃지 않아야 한다.
넷째, 숫자와 상태는 숨기지 않는다. 포럼의 글 수와 댓글 수, 뉴스의 최신 기사, 디렉토리의 등록 사이트, 배너의 서비스 목록처럼 살아 있는 숫자는 화면 위에 드러나야 한다. 다섯째, 각 사이트의 고유한 목적은 존중한다. 스마트팜을 포럼처럼 보이게 할 필요는 없고, 포럼을 매거진처럼 꾸밀 필요도 없다. 다만 모두가 같은 빛 아래 놓인 것처럼 여백, 색상, 메뉴, 배너 언어를 조율하면 된다.
이번 기사는 그 조율의 출발점이다. 메인 배너를 참조하면 현재 넷시티가 어디까지 확장됐는지 보이고, 동시에 앞으로 어떤 디자인 기준이 필요한지도 보인다. 빛 고을 컨셉은 “밝은 사이트”를 뜻하지 않는다. 많은 서비스가 흩어지지 않고, 사용자가 길을 찾을 수 있으며, 운영자가 다음 건물을 계속 세울 수 있는 도시형 디자인 체계다. 넷시티의 다음 단계는 각 사이트의 개성을 살리면서도 이 공통의 빛을 더 정교하게 맞추는 일이 될 것이다.
정리하면 넷시티의 사이트 디자인은 이제 개별 페이지 제작을 넘어 하나의 도시를 설계하는 단계로 들어섰다. 배너는 간판이고, 리스트는 길이며, 흰 배경은 빛이 머무는 광장이다. 포럼과 뉴스, 디렉토리와 매거진, 실험실형 사이트들이 이 구조 안에서 함께 보일 때 넷시티는 단순한 홈페이지가 아니라 ‘빛 고을’이라는 하나의 인터페이스로 읽히기 시작한다.