스마트빌 리뉴얼에 대한 요구사항은 기존의 단순한 서비스제공에서 벗어나 사용자의 편의성, 브랜드에 대한 신뢰성, 고객들의 네트워크 형성, 서비스 이상의 가치를 이끌어 내자는 목표를 가지고 있었습니다. 이런 단어들만 봐도 머리가 아프죠? 말이 좋아 편의성이고 신뢰성이지 ….더 나아가 브랜드아이덴티티는 널리 이롭게 한다는 홍익인간 개념을 실어야한데요….두둥~

도대체 어떻게 디자인하라는거지?

이런 내용의 스마트빌 브랜드 기획안을 보고 고민에 빠졌죠~

그래서 ! 브랜드개념을 잘 가지고있는  B2B사이트 사례를 찾아봤습니다. 아시다시피 B2B의 이렇다할만한 지표가 되는 사이트는 별로 없습니다. 외국사이트, 국내사이트들에서 B2B요소들을 찾아내고 스마트빌에 맞게 결합해야 하는 일이 디자인개념 세우기의 기본이었습니다.

해외 브랜드 몇몇 사이트와 국내에선 서비스를 제공하는 통신사, 은행사, 증권사, 금융관계사 등등의 사례를 살펴보고 공통점을 찾아보았습니다.

Dell / Siemens / 우리은행/ 삼성화재

이런 사이트들이 가지고 있는 요소들을 잘 뽑아내어 스마트빌에 녹이기 위해 몇가지 방향을 잡아갔습니다.

첫째, 슬로건을 고객들에게 표출하라.

둘째, 누구나 쉽게 접근할 수 있는 방법으로 컨텐츠를 구성하라.

셋째, 명확한 컨셉과 복잡하지 않은 이미지와 구성으로 일관성을 준다.

이런 점들을 가지고 브랜드화를 유도해야 한다고 방향을 세웠습니다.

이제부턴 이런 개념을 바탕으로 그 위에 스마트빌만의 디자인 아이덴티티를 찾아야 합니다.

그렇다면 기존 사이트에선 어떤 문제점이 있었고 보완점은 무엇일까?

우선 스마트빌이 주는 브랜드에 대한 인식이 많이 부족했었습니다. 그린계열의 커뮤니티 분위기와 스마트빌로고에 대한 인식부족, 많은 정보는 나열했지만 스마트빌의 브랜드이미지는 찾을 수가 없었습니다. 그래서 스마트빌로고와 색상체계에 대해 재정비를 해서 비즈니스 사이트로서 느낌을 살리고 business is on(당신의 비즈니스가 시작됩니다!) 이라는 슬로건 표방과 함께 메인비주얼부분에서 브랜드스토리텔링 기법으로 브랜드아이덴티티를 전달하고자 했습니다.

1.레이아웃

레이아웃은 사용자의 화면 해상도가 대부분 1024pixel과 1280pixel을 이루고 있어서 스크롤없이도 중요한 행동유발에 불편이 없도록 불필요한 비주얼 요소를 제거했습니다. 읽다보니 말이 어렵군요. 한마디로 말하자면 버튼을 눌러야 할 땐 꼭 그 버튼을 클릭하도록, 보여야 할 것만 보이도록 해서 행동유발을 머뭇거리지 않게 유도한단 의도입니다.

2.색상

로고와 main color를 비즈니스계열에 많이 쓰이는 색상인 블루계열로 선정하고 컨텐츠가 많은 특성 때문에 색상의 레벨로 정보표현의 강약을 조절했습니다. 많은 색상보다는 한가지 계열로 일관성을 유지하고 중요 요소에 대해서는 강조색상을 사용한다는 규칙을 세워서 메인 페이지 및 서브, 컨텐츠 페이지 디자인에 적용했습니다.

3.그래픽요소

메인페이지 경우 로딩속도를 최적화하기 위해 다양한 color자제, 이미지 용량을 최소화시키며 용량을 줄이고 줄이고 또 줄이고… 서브페이지들의 접근속도를 높이기 위해 상단메뉴바와 레프트메뉴바, 배너들을 눈에는 보기좋게 용량은 최소화를 외치며 이미지 다이어트를 시도했습니다.

서브메뉴 접근방식

다른 그래픽요소의 경우도 몇번의 수정과 의견을 반영해 제작했습니다. 세금계산서작성과 발행페이지의 경우 버튼의 개수만 해도 보통 7개 이상 들어갑니다. 그냥 보기만 해도 많은 버튼들 중에 도대체 어떤버튼을 눌러야 하나 할 정도로 인터페이스가 복잡합니다. 기능에 따라 레벨에 따라 버튼의 위치와 종류를 달리 표현했습니다.  볼록한 버튼, 납작한 버튼, 파란 버튼, 회색 버튼….버튼의 제작 세계에서 허우적거렸다는 디자이너들의 후일담….

결론적으로 스마트빌사이트의 리뉴얼은 로고, 색상으로 보여주는 브랜드이미지 심기, 사용자 행동패턴 분석을 기초로 한 빠른 접근 방법, 복잡하지않은 구성을 기본으로 B2B사이트가 가져야 하는 여러요소들을 결합시켜봤습니다.

음…이제 스마트빌에 숨어있는 디자인적 요소들에 대한 이해가 조금이나마 전달이 됐나요?

화려한 비주얼 사이트도 아니면서 무슨 디자인에 힘을 들였나 할지도 모르겠지만
스마트빌만의 색상체계 확립과 컨텐츠 접근방식으로 기름기를 확 뺀~고객과의 소통과 서비스질에 대한 향상을 높이고자 합니다.

리뉴얼에 함께 참여하셨던 모든 디자이너들과 개발자들, 기획자들 모두모두 수고 많으셨구요,

앞으로도 더 진화되가는 스마트빌의 모습을 기대해 주세요.

 

마케팅본부 기획팀 | 김수경 차장 (필명: 해피나무~) IT세상은 오프라인보다 더 빠르게 진화해 나갑니다. 디자인 방향도 매년 달라지고 더 다양해지는 가운데 IT세상에서 진정한 브랜드 가치를 심어줄 수 있는 디자인마인드를 다지고 싶습니다. 살아있는 인터넷 세상을 위하여 !