안녕하세요. 홈페이지 제작업에 몸담은 5년이라는 시간 동안 163개의 프로젝트를 성공적으로 마무리한 아몽소프트웨어입니다.
이번에 소개할 프로젝트는 아웃소싱 업체인 위시켓 블로그 리뉴얼 사례인데요.
위시켓은 국내 IT 아웃소싱 플랫폼 중에서 1위를 달리고 있는 외주 플랫폼입니다. 위시켓 측은 현재 운영하고 있는 워드프레스 블로그가 있습니다.
하지만 현재 운영 중인 블로그는 위시켓이 처음 설립된 2012년에 만들어진 것이라 디자인적으로 현재 트렌드와 어울리지 않았습니다.
아울러 2012년의 기술인 PHP 5.4를 사용하였기에 현재의 검색엔진에도 악영향을 미치는 것을 발견하였고 리뉴얼을 진행하기로 결정하였습니다.
국내 1위라는 외주 플랫폼에 걸맞게 그동안의 매칭 데이터를 기반으로 업체를 선정하였으며, 그 과정에서 아몽소프트웨어와 함께 하게 되었습니다.
다음은 리뉴얼을 진행한 위시켓 블로그 홈페이지 사진입니다.
위시켓은 어떠한 기준을 바탕으로 자신들의 블로그를 리뉴얼 해줄 업체로, 아몽소프트웨어를 선정하였을까요?
업체 선정의 핵심은 다음에 이어지는 내용인 위시켓 블로그 제작 사례를 통하여 설명해 드리려 합니다.
수준 높으신 대표님이시라면 쉽게 이해할 수 있으니 걱정하지 않으셔도 된다는 것을 안내해 드리며, 글 시작하도록 하겠습니다.
아웃소싱 업체, 위시켓 블로그 제작 사례
위시켓 블로그는 앞서 설명드렸듯이 IT 아웃소싱 플랫폼인 위시켓에서 운영하는 블로그입니다.
주로 위시켓 소식이나 IT 시장에 관한 소식, 프로젝트 성공사례 등 오로지 정보성 글을 전달하기 위한 블로그인데요.
이 같은 정보성 블로그는 사용자가 한눈에 알아보기 쉽도록 가독성 있는 디자인이 매우 중요합니다.
하지만, 기존의 위시켓 블로그는 가독성이 떨어지는 디자인으로 인해 사용자의 홈페이지 이탈을 발생시켰습니다.
그래서 아몽소프트웨어는 ‘어떻게 하면 사용자의 이탈을 막을 수 있을까?’를 1순위로 생각하며, 포인트 요소는 살리고 블로그의 가독성을 고려한 디자인을 진행하였습니다.
구체적인 설명이 궁금하신 분들을 위해 섹션별 사진을 통해 설명드리도록 하겠습니다.
1. 기업의 첫 이미지를 결정하는, 히어로 페이지
담당자님께서는 첫인상을 좌우하는 5초의 법칙에 대해 알고 계시나요?
미국의 한 연구 결과에 의하면, 우리가 시각적 인지를 통해 첫인상을 판단하는 시간은 5초에 불과하다고 합니다.
5초라는 짧은 시간 안에 어떤 것을 보고 외적인 요소들을 종합하여 첫인상을 판단하는 것인데요.
본능적으로 시각과 두뇌를 통한 판단은 강력한 힘을 발휘하여 전체적인 정보 형성에 가장 큰 영향을 미친다고 합니다.
즉, 첫인상이 나빴더라면 앞으로도 계속 ‘저 사람은 별로야’라고 생각할 수도 있다는 것이죠.
이렇게 한번 정해진 첫인상은 쉽게 변하지도 않습니다. 최소 60번 이상을 다시 보아야 바뀔 수도 있겠지요.
그래서 홈페이지를 제작할 때에도 긍정적인 첫인상을 형성하는 것이 매우 중요한 것입니다.
|
❌ Before page |
위 사진은 리뉴얼 전, 위시켓 블로그의 사진입니다. 담당자님은 사진을 보시고 아마 다음과 같은 생각을 하셨을 텐데요.
” 위시켓에서 만든 홈페이지 맞아 … ? “
기존의 위시켓 블로그는 2012년에 제작됐기에 위시켓 홈페이지와 달리 올드한 느낌이 있고, 너무 많은 사진을 사용했기 때문에 정보가 눈에 잘 들어오지 않았습니다.
|
✅ After page |
그래서 아몽소프트웨어는 올드한 느낌은 없애고, 트렌디한 느낌을 주기 위해 히어로 페이지에 배너를 추가하였습니다.
위시켓에서 작성한 핵심 아티클을 슬라이드를 통해 하나씩 보여주어 가독성을 높였고, 동시에 사용자의 시선을 끌어 홈페이지 이탈을 방지하였습니다.
또한, 블로그를 통해 위시켓 홈페이지로 넘어갈 수 있도록 상단 헤더와 우측 하단의 동그라미 버튼에 위시켓으로 이동하는 링크를 추가하였습니다.
2. 방문자에게 정보를 전달하는, 글 페이지
히어로 페이지에서 긍정적인 첫인상을 남기는데 성공했다면, 이제는 방문자가 정보를 쉽게 파악할 수 있도록 해야 합니다.
앞서 위시켓같은 블로그는 한눈에 알아보기 쉬운 가독성 있는 디자인이 중요하다고 말씀드렸습니다.
|
❌ Before page |
하지만 기존의 위시켓 블로그는 칼럼의 미리 보기 페이지에서 너무 많은 글을 보여주어 가독성이 떨어진다는 문제가 있었는데요.
뿐만 아니라 오른쪽에 있는 불필요한 박스들로 인해 글이 들어갈 공간이 작아지면서 텍스트가 아래로 밀리는 상황이 발생했습니다.
또한, 더 보기 버튼인 Order posts 버튼의 크기가 너무 작아 글씨가 눈에 띄지 않는다는 문제가 있었습니다.
심지어 애매한 가운데 정렬까지 홈페이지의 전문성을 떨어뜨리는 요인이 되었는데요.
|
✅ After page |
아몽소프트웨어는 칼럼 섹션 윗부분에 태그별로 보고 싶은 분야의 정보만 볼 수 있도록 하였습니다.
또한, 기존에 있던 불필요한 박스들을 없애고 글 섹션의 가로 길이를 늘려 글이 훨씬 더 눈에 잘 들어오도록 디자인하였습니다.
더 보기 버튼에는 색을 입히고, 크기를 늘려 구분이 잘 가도록 변경하였습니다.
글 부분의 가로 크기가 늘어난 만큼 버튼도 가운데로 정렬하여 전문성이 떨어져 보이던 문제를 해결할 수 있었습니다.
3. 신뢰를 더하는, 프로젝트 경험담
담당자님께서는 물건을 구매하거나, 어떤 서비스를 신청할 때 사례가 있는 곳과 없는 곳 중 어느 곳에 더 신뢰가 가시나요?
아마 하나라도 사례가 있는 곳이 좀 더 믿음이 가기 마련일 텐데요.
기존의 위시켓 블로그 메인 페이지에는 프로젝트 성공사례에 관한 내용이 없었지만, 아몽소프트웨어는 따로 섹션을 추가해 주었습니다.
프로젝트 성공사례를 날짜와 함께 기입하여 신뢰를 한층 더 증가시키고자 하였습니다.
뿐만 아니라, 사례를 그리드 형식으로 분류하여 사진과 함께 글이 눈에 들어오도록 디자인을 진행하였습니다.
4. 유익한 정보를 담고 있는, 글 상세페이지
글 상세페이지는 정보성 블로그인 위시켓 블로그에서 가장 중요한 부분 중 하나인데요.
글에 담긴 정보도 물론 매우 중요하지만, 글이 눈에 들어오지 않는다면 정보는 어찌 됐든 의미가 없는 정보가 되어버릴 것입니다.
|
❌ Before page |
기존의 상세페이지에서는 사이드에 불필요한 정보로 인해 글이 잘 눈에 띄지 않고, 글 영역이 너무 작아 읽기 힘들다는 단점이 있었습니다.
심지어 좌측 사이드 메뉴는 헤더에도 있는 메뉴였기에 상세페이지에 있어야 할 이유는 더더욱 없었으며, 이는 곧 의미 없는 메뉴가 되어버렸습니다.
|
✅ After page |
좌측의 의미 없는 메뉴는 지우고, 날짜와 조회 수를 맨 위에 표시하여 글 영역의 공간을 최대한으로 확보하였습니다.
글 영역이 넓어짐과 동시에, 글자 크기도 확대되어 가독성은 높아지고, 본문의 줄이 짧아지면서 스크롤 압박의 문제도 해소할 수 있었습니다.
지금까지는 새롭게 리뉴얼 된 위시켓블로그의 디자인 부분에 대해 설명을 드렸습니다.
처음에 위시켓 측에서는 디자인과 퍼블리싱 부분만 의뢰를 했지만, 추후에 아몽의 기술을 눈여겨보시고 따로 맡기신 부분이 한 가지 있었는데요.
이 부분은 아몽의 핵심 기술이자, 매달 클라이언트분들께서 수십 건의 문의를 주시는 이유이기도 합니다.
위시켓 측에서도 극찬하신 부분은 과연 무엇이었을까요? 그 내용은 바로 아래에 있습니다.
아웃소싱 업체, 위시켓 블로그에 사용된 기술
SEO 세팅
홈페이지 리뉴얼을 진행하게 된다면 서버 이관 작업을 진행해야 합니다.
(서버 이관 : 개발할 수 있는 서버에서 사람들이 사용 가능한 서버로 옮기는 작업)
위시켓 블로그는 기존 사이트의 트래픽 양과 기업가치가 높았기에 서버 이관 작업에서 SEO가 떨어지지 않도록 유의해서 작업을 진행해야 했습니다.
먼저 서버 이관을 하기 전, 호스팅 업체에게 문의해 구글 검색엔진에 대한 크롤링 허용을 물어보았고, OK를 들은 다음 도메인을 변경하지 않은 채 서버 이관을 진행하였습니다.
그렇게 옮긴 홈페이지는 기존 SEO에 악영향을 미치지 않은 것은 물론, 웹 표준에 맞게 태그 작업을 진행하여 검색엔진에서 상위 노출이 활발히 이루어지도록 도움을 주었습니다.
뿐만 아니라 글을 작성할 때, 상위 노출이 되는 조건에 대해 가설을 세우고 이를 분석하여 최적화 작업을 진행하였습니다.
그 결과, 최적화된 글은 SEO 점수를 최대한으로 끌어올려 상위 노출까지 이어지는 성공적인 마무리를 할 수 있었습니다.
지금까지 아웃소싱 업체, 위시켓블로그의 제작 사례를 설명드렸습니다.
아마 여기까지 읽어주신 담당자님께서는 굉장히 통찰력 있는 분이실 거라에 상됩니다.
보통의 사람들이었다면, 제작 사례에 관심을 가지기는커녕 그저 순위가 높은 에이전시에게 맡겨버리면 그만일 테니까요.
통찰력 있는 담당자님께서는 위시켓이 얼마나 거대하고, 전문적인 플랫폼인지 아마 아실 것입니다.
저희가 대단한 업체라고 자랑을 하려는 것이 아닙니다. 그런 것이었다면 이번 글을 쓰지도 않았을 것입니다.
그저 끝까지 읽어주신 담당자님께 감사의 의미로 홈페이지 제작 팁을 하나 알려드리고 싶습니다.
전문가에게 의뢰를 받은 전문가로서, 그간의 경험을 살려 실패 없는 홈페이지 제작업체를 찾는 방법에 대해 알려드리고자 합니다.
아래 링크에 들어가셔서 칼럼을 하나라도 읽으신다면, 홈페이지를 통해 폭발적인 매출을 내실 수 있을 거라 장담합니다.
또한, 전문 외주 플랫폼인 위시켓이 아몽에게 홈페이지 리뉴얼을 맡겼던 이유에 대해서도 살펴보실 수 있으실 겁니다.
긴 글 읽어주셔서 감사드리며, 다음에는 더 좋은 내용으로 찾아뵙겠습니다.
