안녕하세요, IMQA입니다 😄
IMQA 홈페이지∙블로그가 드디어 새 단장을 마치고 정식 오픈하였습니다! 지난주 페이스북을 통해 리뉴얼 오픈 예고를 한 적이 있었는데요. 그래서 그런지 많은 분들이 오픈 전부터 많은 관심을 가져 주셨어요. (응원해 주신 모든 분들 감사드립니다 🙇🏻♀️)
이번 시간에는 IMQA가 왜 홈페이지∙블로그를 리뉴얼하게 되었는지, 사용성 향상을 위해 어떤 고민들을 했는지 들려드립니다.
왜 리뉴얼 하게 되었을까?
기존 IMQA 홈페이지는 배너 추가, 스크립트 수정 등 새로 추가하거나 수정하고 싶을 때 매번 개발자분들께 요청을 했어야 했는데요. 필요할 때마다 바로바로 업데이트하기가 힘들고, 일정을 맞춰야 하다 보니 불편한 점이 많았죠. 또, 2018년 IMQA 출시와 함께 개설된 홈페이지는 현재까지 로고와 일부 화면(로그인 페이지)만 리브랜딩을 했기 때문에 현재의 IMQA의 정체성이 잘 드러나지 않았습니다.
하지만 제일 개선이 필요했던 건 "사용성"이었습니다. 기존 홈페이지는 메뉴 구성이 다양하지 않고 명확하지 않아 접근성이 좋지 못했고, 사용자가 필요한 정보를 찾기가 어려웠습니다.
이와 같은 이유를 바탕으로 IMQA는 브랜드 이미지를 명확하게 드러내고, 사용성을 향상시키기 위해 리뉴얼 프로젝트를 시작하게 되었습니다.
문제 정의
홈페이지 리뉴얼에 앞서 실 사용자들과 내부 구성원들에게 홈페이지를 사용하면서 불편한 점, 혹은 개선되면 좋을 만한 점에 대한 의견을 들어보았습니다.
사용성과 가독성이 좋지 않고, 홈페이지가 너무 정적이고 어려운 분위기라는 의견이 대부분이었습니다. 이 과정을 통해 기존 홈페이지에 대한 이미지를 확인할 수 있었고, 수렴한 의견을 토대로 이를 해결하기 위한 목표를 설정하였습니다.
개선 목표
기존 홈페이지에서는 IMQA가 무슨 서비스인지 한눈에 알기 어렵다는 의견이 많았습니다. 서비스에 대한 정보가 부족했기 때문입니다. 또, 어려운 용어가 많고, 텍스트 위주라 끝까지 읽기에는 집중도가 많이 떨어졌습니다.
모바일 화면에서는 이미지가 제외된 부분이 많고, 텍스트로만 나열되다 보니 가독성도 많이 떨어졌죠. 그래서 이런 문제들을 바탕으로 개선 목표를 세우고 어떻게 반영하고 구현해야 할지 고민하였습니다.
개선 사항
우선, 서비스에 대한 정보를 더 추가하기 위해 메뉴 구성을 변경하고, 정보를 찾기 쉽도록 분류하였습니다. 서비스에 대한 이해를 돕기 위해 우리의 타깃이 겪고 있는 실 사례 중심의 짧은 영상 콘텐츠를 추가하습니다. 또, 서비스 전반을 한눈에 확인할 수 있는 기능 소개 중심 영상을 상단에 배치하고, e-book 형태의 소개서도 추가하였습니다.
모바일 사용자가 많아짐에 따라 웹 역시 모바일 퍼스트로 진행하는 경우가 많지만 IMQA는 솔루션 특성상 데스크탑으로 접근하는 비율이 높고, SaaS 사용 고객이 항상 접근하는 화면이라 데스크탑 중심으로 진행하되, 모바일 반응형에 신경을 썼습니다.
딱딱하고 정적인 홈페이지의 분위기를 브랜드 컬러를 활용한 새로운 이미지와 다양한 멀티미디어 콘텐츠를 활용하여 친근감 있는 느낌을 주도록 개선하였습니다.
개선사항을 반영하여 새롭게 리뉴얼한 IMQA 홈페이지! 과연 어떻게 변화하였을지 화면과 함께 살펴볼까요?
어떻게 달라졌을까?
홈페이지
세분화된 메뉴/카테고리 구성
먼저, 홈페이지의 메뉴 구성이 개선되었습니다. 기존 홈페이지에서는 4개의 메뉴로 구성/ 하위 카테고리도 없어 사용자들이 원하는 정보를 찾기 어렵다는 단점이 있었습니다. 새롭게 개선된 홈페이지에서는 메뉴를 늘리고, 하위 카테고리를 추가하여 사용자들이 쉽고 편리하게 원하는 정보를 찾을 수 있게 되었습니다.
브랜드 이미지를 담은 랜딩 페이지
리뉴얼 전 홈페이지는 랜딩 페이지가 따로 없었는데요. IMQA 홈페이지를 접속하면 랜딩 페이지 없이 바로 IMQA MPM 메뉴로 연결이 되었습니다. 그래서 IMQA에 대한 전체적인 설명을 볼 수가 없었죠.
새롭게 단장한 랜딩 페이지에는 IMQA에 대한 설명으로 브랜드 이미지를 명확하게 확인할 수 있습니다. 뿐만 아니라 모든 사용자가 이해하기 쉬운 내용으로 구성하여 사용성을 향상시켰습니다.
추천하는 기업과 도입 목적을 명확히
기존 홈페이지에서는 랜딩 페이지(MPM)에서 IMQA의 고객사와 파트너사 정보를 확인할 수 있었습니다. 금융사, 이커머스 등 여러 산업 군에서의 레퍼런스는 확인하였지만 이 기업들이 왜 사용하는지는 알 수가 없었죠.
리뉴얼한 홈페이지는 어떻게 달라졌을까요? 레퍼런스는 물론이고 추천기업을 통해 주요 고객사인 금융사, 이커머스, 스타트업에서 주로 발생하는 앱 성능 문제를 들어 IMQA의 도입 목적을 명확히 하였습니다. 또한 실 사용 후기도 확인할 수 있게 되었답니다.
접근이 쉬워진 문의하기
리뉴얼 전 문의하기는 별도의 메뉴가 존재하지 않고 홈페이지 상단이나 하단에서 확인할 수 있었는데요. 그래서 눈에 잘 띄지 않아 접근성이 좋지 않았습니다. 또 필수 입력 사항은 아니었지만 직책, 회사 규모, 국가 등 너무 많은 정보 입력을 요구하다 보니 번거로워서 문의를 포기해(?) 버리는 어이없는 경우도 발생했었죠.
그래서 새롭게 리뉴얼한 홈페이지에서는 메뉴에 CONTACT US를 구성하여 접근성을 향상시키고, 문의하기 내용도 간단하게 작성할 수 있도록 개선했습니다. 또한 회사 위치를 알 수 있도록 추가하여 더욱 많은 정보를 한눈에 확인할 수 있게 되었답니다.
FAQㅣNewsㅣ 뉴스레터ㅣ 담은 BOARD
기존 홈페이지에서는 FAQ를 확인하려면 Documents 메뉴에 들어가야만 확인이 가능했습니다. 그렇기 때문에 FAQ가 있는지조차 모르는 경우가 있었고, 하위 목차가 없어 문서 내에서도 원하는 내용을 찾는 것도 어려웠습니다.
새롭게 리뉴얼한 홈페이지에서는 BOARD 메뉴로 구성하고, 하위 카테고리로 FAQㅣNewsㅣ 뉴스레터를 생성하였습니다. 또한 BEST 10과 자주 묻는 질문을 구분하였고, 검색 기능을 추가하였습니다.
자주 묻는 질문은 질문의 유형에 따라 카테고리를 나눠 사용자 편의성을 높였습니다.
지속적인 소통을 위한 다양한 채널을 한눈에
리뉴얼한 홈페이지에서는 정적인 채널이 되기보다는 지속적으로 업데이트되고 있다는 느낌을 주고 싶었습니다. 기존 홈페이지에서는 블로그로 연결되는 Tech Blog 메뉴만 있을 뿐, 그 외 IMQA가 운영하는 채널인 페이스북, 유튜브를 확인할 수 있는 메뉴나 아이콘이 없었습니다.
새롭게 리뉴얼한 홈페이지에서는 상단에 SNS 란 메뉴를 만들어 IMQA가 운영하는 각 채널(블로그, 페이스북, 유튜브)을 한눈에 확인할 수 있고, 쉽게 이동할 수 있게 되었습니다.
또한, 기존 홈페이지에서 상단 메뉴에 있던 Tech Blog가 없어졌지만, 우측에 실시간 상담이 가능한 채널톡과 함께 퀵 메뉴 아이콘으로 배치하였는데요. 접근성을 높이고, 어떤 화면에서라도 궁금한 것이 있다면 바로 상담을 진행할 수 있게 되었습니다.
그렇다면, 이렇게 접근성이 높아진 블로그는 과연 어떻게 새 단장을 하였을지 궁금하지 않으신가요?
블로그
최신/ 인기/ 추천 포스트를 한눈에
기존 블로그 메인화면은 업데이트 순서대로 게시물을 확인할 수 있었습니다. 너무 큰 포스트에 가독성이 좋지 않았고 태그 구분이 카테고리명과 같아서 사용자가 원하는 게시글을 찾는데 많은 시간이 걸렸습니다.
새롭게 리뉴얼한 블로그에서는 게시물 제목 위에 대표 태그를 넣어 어떤 내용인지 구분할 수 있게 하였습니다. 시리즈 게시물에는 대표 태그를 시리즈로 표기하여 제목, 또는 본문 하단에 표기된 시리즈 태그를 클릭하면 해당 시리즈 전체를 확인할 수 있습니다.
또, 메인화면에서 최신 포스트/ 인기 포스트/ 추천 포스트로 화면을 구성하여 가독성을 높이고, 처음 접하는 사용자도 게시물을 선택하기 용이하도록 개선하였습니다.
리뉴얼 된 홈페이지・블로그를 바로 확인해 보세요!
- 홈페이지: https://imqa.io/
- 블로그: https://blog.imqa.io/
마치며
리뉴얼된 홈페이지와 블로그, 어떠신가요?
이번 프로젝트는 많은 분들이 IMQA 홈페이지・블로그에 관심을 주셨기 때문에 성공적으로 마무리할 수 있었습니다. 또 홈페이지・블로그 리뉴얼 프로젝트에 참여한 모든 구성원들이 의욕적으로 작업을 했기 때문에 예정일에 맞춰 오픈할 수 있게 되었답니다.
프로젝트에 도움을 주신 모든 분들께 감사의 말씀을 드리며, 저희 IMQA는 더 나은 사용자 경험을 위해 문제를 해결하고 개선해 나가겠습니다. 솔루션 외에도 IMQA에 관련된 것에 대해 궁금하시거나 의견이 있으시다면 언제든 연락 부탁드립니다.
