웹사이트의 메인 페이지는(Main-page)는 홈페이지의 얼굴이라고 불립니다. 얼굴이 누군가의 첫인상이듯, 메인 페이지를 어떻게 꾸미느냐에 따라 홈페이지에 대한 인상이 달라질 수 있습니다. 그래서 당연히, 그 어떤 웹페이지보다 신경 써서 홈페이지 제작 을 해야 하는데요. 고객의 시선을 확 사로잡는 메인 페이지 기획 시나리오를 팁을 공유해 드립니다.
✍️ 이 글의 순서
• 메인 페이지를 기획하기 전 생각 할 것들
• 메인 페이지 구성 팁 4가지
• 위시켓의 메인 페이지는?
메인 페이지를 기획하기 전 생각 할 것들
메인 페이지는 고객이 웹사이트를 이용할 때 가장 먼저 보게 되는 페이지이지만, 제작자 입장에서는 가장 마지막에 제작하는 페이지이기도 합니다. 브랜드의 이미지와 정체성, 웹사이트의 성격과 목표, 특징 등을 모두 반영해야 하기 때문이죠. 따라서 메인 페이지를 생각하기 전에는 다음 사항을 미리 정리해 두어야 합니다.
1. 브랜드의 정체성과 이미지
어디서 본 듯한 레이아웃과 디자인, 비슷한 브랜드 이미지 등. 타사와 유사한 브랜드 및 홈페이지는 고객들에게 인상을 남기지 못합니다. 브랜드의 정체성과 이미지는 무엇인지, 홈페이지의 전반적인 브랜딩은 어떻게 할 것인지 등을 고민해 봐야 합니다.
2. 웹사이트의 성격과 목적, 특징, 주제 등
홈페이지를 운영하는 목적이 무엇인가요? 고객에게 자사의 상품 및 서비스를 소개하려는 건가요, 아니면 단순히 브랜드를 홍보하는 것인가요? 쇼핑몰로 이용할 건지, 아니면 쇼핑을 겸하되 브랜딩이 일차적인 목적인지 등을 고민해 보아야 합니다.
3. 메인 페이지 콘텐츠의 우선순위
메인 페이지에는 사실상 한 가지, 많아야 두, 세 가지의 메시지 밖에 전달하지 못합니다. 그 이상이 되면 사실상 메인 페이지로서 기능이 떨어집니다. 메인 페이지에 베스트셀러 상품을 보여줄 수도 있고, 브랜드 소개 페이지를 보여줄 수도 있습니다. 어떤 콘텐츠를 우선적으로 배치할 것인지 고민해 보세요.
메인 페이지 구성 팁 4가지
메인 페이지를 기획하기 전 생각 할 것들을 잘 정리해 두었다면, 본격적으로 메인 페이지를 기획할 차례입니다. 기술적으로는 ‘3) 메인 페이지 콘텐츠의 우선순위’에 따라 구성하면 됩니다. 구체적으로는 다음과 같습니다.
1. 상품(서비스)보다 ‘브랜드 정체성’
첫 페이지부터 베스트/스테디셀러 상품부터 제시한다면 고객들은 브랜드를 기억하기 어렵습니다. 브랜드를 강조하기 위해서는 메인 페이지에서 브랜드의 정체성을 시원하게 제시하는 게 효율적입니다. 메인 페이지 잘 보이는 곳에 서비스의 지향점이나 브랜드 목표 등을 메인 페이지에 제시하세요.
(예시) ‘엘릭서’ 홈페이지에서는 “100% 채식주의 화장품”이라는 문구를 메인 페이지에 제시하고 있습니다. 브랜드 정체성과 목표를 확인할 수 있죠.
2. 고객에게 필요한 서비스 제시하기
고객이 이미 브랜드의 목적을 알고 있거나, 목적이 분명하다면, 고객에게 제품과 서비스를 먼저 제시하는 방법(개인화 추천)도 좋은 방법입니다. 다만, 이때에는 개인화된 데이터를 활용하는 게 효과적인데요. 보통 특정 분야에 전문화된 비즈니스일수록(아이웨어, 언더웨어, 남성 전용 쇼핑몰 등) 효율이 높습니다. 고객에게는 단시간에 ‘여기 내 스타일인데?’라는 느낌을 전해 줄 수 있죠.
(예시) ‘마인리얼트립’에서는 고객이 주요 여행상품을 바로 찾을 수 있도록 메인 페이지에서 추천 여행지를 제시합니다.
3. 리뷰로 끌어들이기
고객들은 리뷰에 민감합니다. 만약 판매하는 상품들의 리뷰가 긍정적인 편이라면 메인 페이지에 고객 리뷰를 배치하는 것도 좋은 전략입니다.
(예시) ‘아임닭’에서는 메인 페이지에서 베스트 리뷰(고객 후기)를 바로 볼 수 있습니다.
4. 우선 순위에 따라 차례대로 나열하기
만약 보여주고 싶은 게 많은 회사나 서비스라면, 3가지 정도로 압축해 우선순위에 따라 차례로 보여주세요. 여기서 주목할 점은 보통의 웹사이트는 모바일로 유입하는 인원이 많다는 점입니다. 세로로 스크롤 하기에 가짓수가 늘수록 지루하게 느껴질 수 있죠. 어필 요소가 어쩔 수 없이 많다면, 4번째 요소부터는 섹션을 구분하거나, 공통점을 묶어 ‘대분류’, ‘중분류’로 보여주는 것도 하나의 방편입니다.
(예시) ‘쿠팡’의 메인 페이지는 (1) 이벤트(배너), (2) 상품 카테고리 (3) 개인화/연관화 추천 상품 (4) 인기/특가 상품 순서로 보여줍니다.
위시켓의 메인 페이지는?
IT 아웃소싱 국내 1위 플랫폼인 위시켓은 메인 페이지를 어떻게 구성해 두었을까요?
위시켓의 메인 페이지는 ‘브랜드 정체성’과 ‘리뷰로 끌어 들이기’ 전략을 함께 구사하고 있습니다. “IT 프로젝트 고민은 이제 끝! 위시켓에서 성공적인 IT 프로젝트를 경험하세요.”라는 브랜딩 홍보 문구와 함께 다양한 고객의 평점 4.8점 이상의 리뷰가 눈에 띕니다.
이어서 각 프로젝트에 해당하는 카테고리가 제시되고, 위시켓의 시스템에 대한 설명이 이어집니다. IT 외주 프로젝트를 진행할 때의 불안 요소를 잘 대비하고 있음을 드러냄으로써, ‘IT 아웃소싱 전문 플랫폼’의 신뢰성을 높입니다.
중요한 건 말뿐 아니라, 실제 어떻게 실천하고 있는지겠죠. 아래 링크를 눌러 메인 페이지 구성과 함께 실제 매칭이 어떻게 일어나고 있는지 직접 확인해 보세요. 프로젝트마다 위시켓 담당 매니저가 붙어 프로젝트의 시작과 끝을 함께 하고 있습니다.
🔖 함께 보면 도움되는 글
