매력적인 사이트 홈은 어떻게 만들 수 있을까요?

매력적인 사이트 홈은 어떻게 만들 수 있을까요?

전세계는 물론 대한민국에도 수많은 사이트가 있어요.
그 중에서도 여러분이 이용해봤거나 자주 방문하는 사이트가 있나요?
그 사이트들의 첫인상은 어땠나요? 아마.. 기억이 나지 않을거예요.

 


사이트 홈은 상단 OO 영역이 가장 중요합니다.

여러분은 처음 방문하는 사이트에서 가장 먼저 눈에 들어오는 부분이 있나요? 아마 10명 중 9명은 자신이 보고있는 디바이스의 크기에서 가장 많은 영역을 차지하는 부분일거에요.

그 중에서도 많은 사이트에서 사용하고 있는 것이 슬라이드 이미지, 롤링 배너 등으로 알고 있는 ‘캐러셀(Carousel)’ 입니다. 사이트에 첫 화면에서 가장 큰 영역을 차지하는 이미지, 생각하시는 그 부분 맞아요!

그래서 우리는 더 많은 고객을 사로잡기 위해서는 캐러셀이 있는 상단 30% 영역을 사이트 홈에서 가장 먼저 신경써야해요.

라이브클래스의 캐러셀 – 슬라이드 이미지, 롤링 배너

“그럼 멋진 이미지만 등록하면 매력적인 사이트 홈을 만들 수 있겠네요?”

아쉽게도 아닙니다. 캐러셀(이하 슬라이드 이미지)이 가장 시선을 사로잡는 부분인 것은 맞지만 그 외에도 상품(클래스)의 구성과 기본적인 정보 등록까지 되어야만 신뢰감을 주는 매력적인 사이트 홈이 됩니다.

보다 자세하게 알아보기 전에 먼저 라이브클래스의 사이트 첫화면을 살펴보는 것이 필요합니다. ‘현재의 나(사이트)’를 잘 알아야 ‘더 나은 나(사이트)’가 될 수 있으니까요!

라이브클래스 사이트의 첫화면은 이렇게 구성되어 있어요.

여러분이 개설한 라이브클래스 사이트의 첫화면은 크게 5개의 영역으로 구성되어 있어요. 슬라이드 이미지(캐러셀) / 인기 클래스 / 배너 / 클래스 목록 / 사이트(회사) 정보가 사이트를 방문한 고객이 확인하게 될 사이트의 첫화면입니다.

라이브클래스에서 개설한 사이트의 첫화면 구조

이 많은 것들을 어떻게 다 설정하고 관리할지 걱정되시죠? 하지만 방법은 다 있습니다. 핵심은 모든 것을 다 멋지고 완벽하게 설정하는 것이 아니라 내 사이트를 방문할 고객들이 궁금해하고 봐야하는 것들만 담는 것이에요.

그럼 지금부터 각 영역별로 무엇을 신경써야 매력적인 사이트 홈을 만들 수 있는지 하나씩 살펴보도록 할게요.
이제 막 사이트를 꾸미려는 분이라면 처음부터 꼼꼼하게, 이미 사이트를 꾸민 분이라면 점검하는 차원에서 봐주시면 좋을 것 같아요.

1. 슬라이드 영역

여러 마리의 토끼보다는 단 한마리의 토끼에 집중하세요.

슬라이드 이미지는 여러 장의 이미지를 등록할 수 있어 다양한 콘텐츠를 노출시킬 수 있다는 장점이 있습니다. 그래서 많은 분들이 할인 혜택, 클래스 정보, 이벤트, 회사 소개 등등 많은 것들을 담으려고 하죠.

바로 여기에 함정이 존재합니다.

과연 이 모든 정보가 사이트에 방문한 고객에게 진짜 도움이 되는 정보일까요? 대부분은 나와 관계없는 정보라고 생각하고 창을 닫거나 정보를 지나칠 거에요. 오히려 고객이 꼭 알아야할 도움이 되는 정보만을 제공하는 것이 시선을 잡을 수 있는 방법입니다.

이제 막 사이트를 개설하셨다면 고객에게 제공할 정보가 없을 수 있습니다. 이런 경우에는 눈길을 끄는 단 한 장의 이미지를 사용하는 것이 효과적이죠!

시선을 사로잡는 히어로 이미지 활용 사례 – SK Telecom

사이트의 가장 처음 시선을 확 사로잡을 수 있는 이미지는 ‘히어로 이미지’라고 불리는데요, 그만큼 단 한장의 이미지 만으로 사이트의 첫인상을 강렬하게 보여줄 수 있습니다.

여러 개의 콘텐츠를 담고 싶다는 욕심은 버리고 시선을 사로잡을 수 있는 단 하나의 이미지를 활용해보세요.

👉 고퀄리티의 이미지를 무료로 다운로드할 수 있는 사이트 (클릭)

2. 인기 클래스 영역

연관성이 높거나, 인기 있거나, 무료이거나.

눈길을 끄는 이미지로 시선을 사로잡힌 고객은 이제 사이트에 대해 조금 더 알아보고 싶어졌어요.

‘여긴 뭐하는 곳이지? 어떤 것을 판매하지? 내가 볼만한게 있을까?

이런 생각을 하고 있을 때 가장 먼저 눈에 띄는 것이 바로 인기 클래스 영역입니다. 사이트에서 가장 인기가 많고 리뷰도 좋고 상세 페이지도 멋진 그런 클래스 말이죠!

쇼핑몰에서 주로 활용되는 베스트 상품 사례

주로 쇼핑몰에서 많이 활용하고 있는 기능으로 베스트상품, 할인혜택이 가장 큰 상품, 리뷰가 가장 많은 상품 등 이미 검증이 된 상품을 노출시켜 첫 방문 고객의 소비 심리를 자극합니다.

이제 막 클래스를 개설했다면 아직 인기 클래스가 없을거에요. (인기 예정 클래스만 있을 뿐..!)
이럴 때는 무료로 진행되는 클래스나 할인 중인 클래스를 배치해보세요. 아무런 관심이 없었던 고객들도 ‘무료와 할인’이라는 혜택때문에 관심이 더욱 높아지기 마련이니까요!

3. 배너 영역

꼭 필요하지 않다면 과감하게 없애도 되요.

알아요 압니다. 뭘 아냐고요? 고객에게 하고 싶은 말이 많은 여러분의 마음을 알아요 😉
하지만 나와 관계없는 이야기를 일방적으로 하는 사람은 매력이 없듯 사이트를 방문한 고객과 연관없는 이야기는 최대한 줄이는 것이 좋아요.

배너 영역은 크게 3가지의 기준에서 활용하시길 추천드려요.

첫째. 사이트의 분위기를 연출하기 위해
둘째. 운영중인 다른 커뮤니티를 알려주기 위해
셋째. 놓치면 안될 중요한 소식을 전달하기 위해

물론 이외에도 꼭 필요한 중요한 정보가 있다면 배너 영역이 큰 도움이 될거에요.
딱 한가지만 다시 한번 생각해주세요. ‘여러분이 주고 싶은 정보인지, 고객에게 도움이 되는 정보인지’ 를 말이죠.

4. 클래스 목록 영역

보기 좋은 클래스가 신청하기도 좋아요.

클래스 목록은 여러분이 운영하는 클래스의 유형을 한 곳에서 볼 수 있는 곳이에요. 단순히 목록을 보여주는 것과 다른 점이 있다면 여러분의 입맛에 맞게 구성할 수 있다는 점이죠!

우선 가장 먼저 해야할 것은 샘플 클래스를 없애는 겁니다. (중요)
샘플 클래스는 여러분의 클래스 활용도에 도움을 드리기 위한 클래스이지만 고객에게는 미완성된 클래스로 보여지기 때문이죠.

그 다음은 여러분 마음대로 구성해보세요! 그리고 다시 한번 보는겁니다.

썸네일의 색상, 클래스의 제목, 클래스의 순서…
모든 기준을 고객이 정보를 파악하기 쉽도록 맞춰주시면 되요. 클래스의 수가 적어도 괜찮아요.
중요한건 완성된 클래스를 잘 보여주는 것이니까요!

5. 사이트 정보 영역

소통과 신뢰는 기본중의 기본이예요.

마지막으로 놓치기 쉽지만 꼭 필요한 사이트 정보 영역 설정이에요.
공지사항, 고객센터 정보, 그리고 회사 정보 등이 있는데요. 여기에 정보가 있다고 해서 뭐가 크게 달라질까? 라고 생각했다면… 크게 달라집니다!

고객 입장에서는 어쩌면 처음 만나는 사이트일지도 몰라요.

상단에서 시선도 사로잡혔고, 클래스도 마음에 드는데.. 아무런 연락처도 없고 회사정보도 없다면?
아마 믿을 수 없는 사이트라는 생각이 들어 다른 곳으로 이탈할 가능성이 매우 크다는 사실! 😱

몇 개 안되는 정보일 수 있지만 고객과의 새로운 관계를 위해 가장 기본이 되는 약속이니까 놓치지 마세요!

이제 여러분의 사이트는 준비가 끝났어요!
어떤 고객을 만나도 잘 준비한 클래스를 알려줄 수 있는 준비 말이죠.
이 글을 보신 모든 분들의 비즈니스가 성장하길 바라며 도움이 필요하시면 언제든지 라이브클래스를 찾아주세요.
기다리고 있을게요 🙂 (너무 자주 찾아주시는건 좀… 좋아요!)

라이브클래스를 더 알고 싶다면?

멋진 디자인으로 온라인비즈니스 오픈하기

Related Posts