화약분야 1위 기업이며,
금융업 · 방산업 · 신재생에너지 사업 등
여러 분야에서 사업을 진행중인 기업
위의 기업의 이름은 무엇일까요? 아마 이번 글을 읽으시는 분들은 듣자마자 바로 알 수 있는 기업입니다.
기업의 이름은 바로 “한화”입니다.
한화 측에서 홈페이지리뉴얼을 결심하게 된 이유는, 현재 코로나로 가속화 되고 있는 비대면 시대에서 온라인의 중요성이 커진 것과 관련이 있는데요.
온라인의 중요성이 커짐에 따라, 홈페이지 디자인을 현재의 트렌드에 맞출 필요가 생겼으며 이러한 이유로 리뉴얼을 진행하게 되었던 것입니다.
대기업에서 업체를 선정할 때에는 여러업체를 선정한 다음, 비딩을 통하여 최종 프로젝트 진행업체를 고릅니다.
한화도 이와같이 진행되었으며, 선정된 업체는 아몽소프트웨어를 포함하여 16개의 업체였습니다.
비딩에 참가한 16개 업체 모두 한화 글로벌 홈페이지 리뉴얼을 어떻게 진행하면 좋은지를 담은 제안서를 준비하였으며, 이를 발표하는 시간을 가졌습니다.
16개의 업체의 제안 발표를 본 다음 한화는 아몽소프트웨어와 함께 한화 글로벌 홈페이지를 리뉴얼하기로 결정하였으며, 다음과 같은 결과물을 얻어가셨습니다.
(Before) 리뉴얼 전 홈페이지 모습
After) 리뉴얼 후 홈페이지 모습
한화는 어떠한 기준으로 16개의 업체 중에서 아몽소프트웨어를 선정하였을까요?
다음에 이어지는 내용인 한화 글로벌 제작사례를 통하여 설명드리고자 합니다. 서론이 길었습니다. 글 바로 시작하도록 하겠습니다.
한화 글로벌 홈페이지리뉴얼 사례
한화 글로벌 홈페이지의 가장 중요한 목적은, 사용자로부터 발주 문의를 받아내는 것이었습니다.
하지만, 이전 사이트의 경우 홈페이지를 통해 문의를 만들기는 커녕 사용자가 메인페이지를 찾을 수 없는 문제가 있었습니다.
그 이유는 바로 홈페이지에 방문했을 때 나타나야 할 main 페이지가 mining service라는 대메뉴 안에 있었기 때문인데요.
이는 SEO에 매우 큰 악영향을 끼치고, 검색엔진에서는 숨어 있는 메인페이지를 잡지 못하는 상황이 벌어졌습니다.
그래서 구글에 한화 글로벌 홈페이지라고 검색했을 때, 난데없이 모바일 페이지가 나오는 기이한 현상을 맞이하게 되었죠.
이런 부분들을 체크해 메인페이지 = 홈 으로 인식할 수 있게끔 메뉴구조도를 다시 구성하였으며, 메인페이지에서는 문의를 만들어내는 흐름을 만들었습니다.
문의를 만들어내는 흐름은 아래를 통해 보다 자세하게 설명드리겠습니다.
1. 고객의 이탈을 결정하는, 히어로 페이지
사용자가 홈페이지에 방문하고 이탈하기까지 걸리는 시간은 얼마나 될까요?
1분에서 3분? 아닙니다. 사용자는 고작 5초만에 홈페이지에서 나가기 버튼을 누를 것 입니다.
이유는 바로 사용자가 홈페이지를 다 읽고 나가는 것이 아닌, 첫 화면만 보고 나갈 가능성이 높기 때문인데요.
사용자가 몇초만에 이탈하는 홈페이지는 수익을 내기 당연히 어려울 것이고, 이처럼 짧은 시간에 이탈하는 사람이 많아진다면 SEO점수에도 악영향을 주게 됩니다.
SEO점수에 악영향을 미치게 된다면, 회사명을 검색해도 검색결과에 홈페이지 주소가 상위노출되지 않는 문제가 발생할 수 있는데요.
홈페이지가 상위노출되지 않는다면, 사용자가 홈페이지에 방문할 수 있는 수단 또한 사라지게 되겠죠.
그렇다면 기껏 시간과 돈을 들여 제작한 홈페이지가 아무런 의미 없는 쓰레기에 불과하게 될 것 입니다.
아몽소프트웨어는 이러한 문제를 예방하기 위해 홈페이지 첫 화면에서 사용자가 이탈하지 못하도록 막는 방법을 선택했습니다.
|
❌ Before page |
위 사진은 리뉴얼 전, 기존 한화글로벌의 히어로페이지입니다.
(히어로페이지 : 사용자가 홈페이지 방문 시 가장 먼저 보게 되는 첫 화면)
담당자님께서는 위 사진을 보시고 홈페이지에 계속 머무르고 싶다는 생각이 드시니요?
아마도 그렇지 않을 것입니다.
메뉴를 통해야만 메인페이지에 접근할 수 있기 때문에 상단 메뉴바가 너무 많은 공간을 차지하여 전문성을 떨어뜨리고 있습니다.
뿐만 아니라 가독성을 전혀 고려하지 않고 빼곡하게 채워진 텍스트가 사용자의 흥미를 떨어뜨리고 있는데요.
이같은 요소들은 사용자가 이탈하지 못하도록 잡아주기는커녕, 오히려 부정적인 경험을 느끼게 하고 있습니다.
|
✅ After page |
.gif?type=w580)
먼저 아몽소프트웨어는 글씨 크기를 전체적으로 늘려 가독성을 높이고, 배경으로 폭발하는 영상을 활용함으로써 사용자의 시선을 끌고자 하였습니다.
시선을 끌어 홈페이지 체류시간을 늘리고, 하단의 CTA버튼을 통해 사용자가 홈페이지 내의 다른 페이지도 방문하도록 유도하고자 하였습니다.
(CTA : Call To Action의 줄임말로, 사용자의 행동을 유도하는 것을 말한다.)
2. 핵심 기술을 알리는, 소개페이지
사용자가 이탈하지 않고 스크롤을 내리게 하는 데까지 성공했다면, 이제는 회사가 어떤 일을 하는 곳인지 명확하게 전달해야 할 차례인데요.
|
❌ Before page |
히어로페이지와 이어진 소개 섹션에는 한화가 어떤 일을 하는 기업인지 물론 잘 나타나 있습니다.
하지만, 내용이 너무 많아 가독성이 떨어질 뿐만 아니라 텍스트로만 나열되어 있는 정보가 눈에 잘 들어오지 않는다는 문제가 있었는데요.
|
✅ After page |
아몽소프트웨어는 홈페이지 리뉴얼을 진행하면서, 한화글로벌이 어떤 일을 하는 회사인지를 먼저 명확하게 알리고자 하였습니다.
그래서 히어로페이지의 바로 아래 섹션에 5개의 핵심 기술을 슬라이드로 나타내었습니다.
또한, 텍스트만 사용했을 때보다 이미지를 사용했을 때 우리 두뇌가 정보를 빠르게 받아들인다는 점을 고려하여 기술과 관련한 이미지를 같이 활용하였습니다.
3. 제품 및 솔루션을 소개하는, 서비스 섹션
회사가 어떤 일을 하는지 사용자에게 전달하는데 성공했다면, 본론으로 들어가 홈페이지의 목적인 제품판매를 실현할 차례입니다.
|
❌ Before page |
위 사진은 리뉴얼 전 한화글로벌의 서비스 섹션입니다.
아마 홈페이지에 처음 방문한 사용자들은 다음과 같은 생각을 했을지도 모르겠습니다.
” 그래서 저게 뭐하는 일인데 ? “
위 섹션의 가운데 원을 중심으로 둘러쌓인 텍스트를 클릭하면, 원 안에 내용이 나오게 되는데요.
하지만, 사용자가 이런 인터렉션이 존재한다는 것을 인식하기 힘들며 전체 화면 사이즈에 비해 내용의 글씨 크기가 작아 눈에 잘 들어오지 않았습니다.
|
✅ After page |
새롭게 리뉴얼 된 제품 섹션은 한 눈에 봐도 제품과 솔루션을 소개하는 페이지라는 걸 알 수 있도록 하였습니다.
분야별로 확실하게 섹션을 나누어 사용자가 원하는 서비스를 구매하기 쉽도록 정보를 분류하였습니다.
뿐만 아니라 이미지와 함께 3단 그리드로 제품을 나타내어 사용자의 클릭을 유도하고자 하였습니다.
4. 전세계와 협력하는, 비즈니스 페이지
아몽소프트웨어는 비즈니스 섹션을 통해 한화 글로벌이라는 이름과 맞게, 얼마나 세계적인 기술력을 가진 기업인지 어필하고자 하였습니다.
세계 강국들과 협력하고 있음을 밝힘으로써, 그만큼 인정받은 기술력을 가진 업체라는 것을 강조하면서 기업의 가치를 입증할 수 있었습니다.
이때, 가치입증을 하느냐 안하느냐의 차이는 천차만별입니다. 실제로 홈페이지 내에서 이같은 가치입증 섹션만 추가해도 문의량을 300% 늘릴 수 있기 때문인데요.
이 점을 파악하고 아몽소프트웨어가 새롭게 리뉴얼 한 비즈니스 섹션은 바로 아래에 있습니다.
|
❌ Before page |
실제로 한화 글로벌에서 협력중인 국가는 훨씬 더 많지만, 해당 섹션에서 나타나 있는 국가는 고작 4개뿐이었습니다.
그래서 글로벌이라는 이름에 맞지 않게 전문성이 떨어져 보이는 역효과가 있었고, 구체적으로 어떤 일을 협력하는 지에 대해서도 나와있지 않아 신뢰감을 형성하는 데에는 무리가 있었습니다.
|
✅ After page |
아몽소프트웨어는 세계 지도배경을 활용하여 한화글로벌이 얼마나 다양한 나라들과 협력하고 있는지를 알리고자 하였습니다.
한화가 협력중인 더 많은 국가들의 이름을 배치하면서, 세계적인 기술력에 대한 가치와 그 전문성을 나타내었습니다.
정확히 어느 나라에 어떤 서비스를 제공하고 있는지 볼 수 있도록 섹션의 윗부분에 바로가기 버튼을 추가해주었습니다.
또한, ‘Rest of the World’ 버튼을 주황색으로 강조하면서 사용자의 클릭을 유도하여 페이지뷰를 늘릴 수 있도록 하였습니다.
(SEO점수에 좋은 영향을 주어 상위노출을 노리기 위해서입니다.)
5. 한화 글로벌의 가치를 소개하는, 마무리 섹션
기존 한화 글로벌 홈페이지에서는 마무리 섹션으로 한화 글로벌만의 가치를 소개하고자 하였는데요.
|
❌ Before page |
기존의 디자인도 크게 드러나는 문제는 없었지만, 글로만 이루어진 구성이 사용자에게 확실한 이미지를 전달하는 데 있어 아쉽게 느껴졌습니다.
또한, 원 안쪽에도 설명이 있고 바깥쪽에도 부연 설명이 있어 시선이 분산되는 효과가 있었습니다.
|
✅ After page |
아이콘과 함께 내용을 표기하여 사용자에게 한화가 가진 확실한 이미지를 주고자 하였습니다.
따뜻한 컬러감의 아이콘과 배경이미지를 사용하여 다가가기 어려운 느낌의 한화의 이미지를 조금 완화하고자 하였습니다.
또한, 차별화된 전략과 서비스를 설명하면서 소비자가 제품을 구매했을 때의 장점을 어필하여 구매의사를 가질 수 있도록 도움을 주었습니다.
한화 글로벌 홈페이지 리뉴얼에 사용된 기술
1. 언어 변경 (다국어 지원)
한화글로벌의 홈페이지는 한국에서만 사용하는 페이지가 아닌, 세계적으로 다양한 국가에서 방문할 수 있는 홈페이지인데요.
그렇기 때문에 한국어만 지원하는 것보다, 세계공용어인 영어로도 홈페이지를 열람할 수 있게하여 다양한 고객들이 편의를 고려하고자 하였습니다.
언어를 선택하면 페이지의 전체 텍스트가 해당 언어로 변경이 되도록 작업을 진행하였습니다.
2. 로그인 / 회원가입
만약 로그인 시 아이디 혹은 비밀번호가 빈칸인 상태라면 빈칸을 확인하고, 오류메시지를 출력합니다.
또한 틀린 값을 입력했을 때에도 오류 메시지를 띄우며 로그인을 막도록 정밀하게 값을 검사하여 로그인 시 오류가 발생하지 않도록 DB를 탄탄하게 설계하였습니다.
3. 고객센터 게시판
또한, 검색 기능을 통해 원하는 키워드의 게시글을 찾기 쉽도록 사용자의 입장을 고려하여 제작을 진행하였습니다.
4. SEO 세팅
글을 시작하기 전, 앞서 설명드렸던 메인페이지에 관한 내용을 기억하시나요?
사람들은 처음 홈페이지에 관심이 생겨 방문할 때 구글이나 네이버에 사이트의 이름을 검색하고 들어오지, URL을 직접 입력해서 들러오는 사람들은 극히 드물 것 입니다.
그렇기 때문에 구글과 같은 검색엔진에서 사이트가 올바르게 상위노출되는 것은 매우 중요한 문제인데요.
한화 글로벌은 첫 화면에 메인페이지가 나와야 했지만 검색엔진에서는 엉뚱한 모바일 페이지가 노출되는 문제를 겪고 있었습니다.
우선 아몽소프트웨어는 이 문제를 해결하고자 메뉴 안에 있던 메인페이지를 첫 페이지로 제작 및 설정을 진행했고, SEO 작업을 진행하였습니다.
진행한 SEO 작업의 예시라고 하면, 사이트의 올바른 키워드를 타이틀 태그를 통해 작성하였고, 미리보기 시 노출되는 내용을 키워드에 맞게 작성하여 SEO점수를 높였습니다.
뿐만 아니라, SNS나 메신저를 통해 사이트를 공유할 때에도 나오는 사진과 내용에도 신경을 써서 상위노출에 좋은 영향을 주고자 하였습니다.
아래 사진의 경우 OG:image / OG:title 작업을 진행한 결과입니다.
|
❌ Before page |
|
✅ After page |
이처럼 UX적인 부분 뿐만아니라 기능적으로 완벽하게 수행한 프로젝트였기에 성공적으로 완수할 수 있었습니다.
지금까지 한화 글로벌의 홈페이지 리뉴얼 사례를 소개해드렸습니다.
한화 측에서 16개의 업체들 중 아몽소프트웨어를 선택한 한 가지 기준은 무엇이었을까요?
여기까지 읽어주신 통찰력 있는 담당자님께선 이미 눈치채셨을 것입니다.
바로 아몽이 고객의 입장을 이해했고, 그에 따라 구매가 일어날 수밖에 없는 기획을 진행했기 때문입니다.
사실 소비자의 입장을 완벽하게 이해하는 것이란 불가능한 일입니다. 실제로 그 입장이 될 수 없기 때문이죠.
소비자와 판매자의 입장은 하늘과 땅 차이입니다. 그럼에도 아몽소프트웨어가 소비자의 입장을 헤아릴 수 있었던 이유는 사업을 이해했기 때문입니다.
긴 글 읽어주셔서 감사드리며, 다음번에는 더 좋은 정보로 찾아뵙겠습니다.
