홈페이지 첫 화면에 무엇을 먼저 놓을까요
매직오브 · · 5분 읽기홈페이지 첫 화면을 준비할 때 가게의 모든 이야기를 한번에 담고 싶어질 수 있습니다.

소개와 상품 사진, 운영 안내와 문의 버튼까지 중요해 보이는 내용은 많습니다.
하지만 손님이 처음 보는 순간에는 무슨 가게인지와 무엇을 할 수 있는지가 먼저 읽혀야 합니다.
찾아온 이유를 나눠 보기
같은 홈페이지라도 처음 오는 손님과 이미 이용한 손님이 찾는 정보는 다를 수 있습니다.
처음 방문한 사람은 어떤 서비스를 제공하는지, 자신에게 맞는 곳인지 알고 싶어할 수 있습니다.
다시 찾아온 사람은 바뀐 영업시간이나 예약으로 이어지는 길을 빠르게 찾으려 할 수 있습니다.
어느 쪽 손님이 많이 이용할지 운영 목적을 먼저 이야기하면 첫 화면의 우선순위를 정하기가 편해집니다.
매직오브와 화면을 검토할 때도 장식의 순서부터 고르기보다 방문자가 찾는 답을 먼저 정리하는 편이 좋습니다.
가게 설명은 구체적으로
멋진 표현만 이어지는 소개는 무엇을 이용할 수 있는지 파악하기 어려울 수 있습니다.
업종과 제공하는 서비스, 주로 안내할 이용 방식을 실제 운영에 맞게 적어 보세요.
모든 특징을 한 문장에 넣기보다 처음 읽는 사람이 이해할 핵심 설명을 먼저 두고 나머지는 아래에서 풀어도 됩니다.
가게에서 쓰는 전문 용어가 손님에게도 익숙한지 직접 읽어 보는 과정이 필요합니다.
직원끼리는 아는 약칭이라도 처음 찾아온 사람에게는 설명을 더해야 할 수 있습니다.
유행하는 문구를 그대로 가져오면 다른 가게와 구별되는 운영 모습이 드러나지 않습니다.
우리 가게에서 실제로 안내하고 제공할 수 있는 내용을 정확하게 쓰는 것이 소개 문장의 바탕입니다.
대표 사진은 설명과 맞추기
첫 화면의 큰 사진은 가게 설명을 돕는 역할을 할 수 있습니다.
공간을 이용하는 서비스라면 어떤 장소인지 보이는 사진이, 상품을 소개한다면 제공 내용을 이해할 사진이 필요할 수 있습니다.
분위기가 좋아 보인다는 이유만으로 관계없는 장면을 올리면 손님이 서비스 내용을 다르게 받아들일 수 있습니다.
실제 가게 사진을 쓴다면 현재 운영 상태와 같은지, 사용 권한에 문제가 없는지 확인한 자료를 준비하세요.
사진을 크게 배치할 때는 제목이 읽히는 영역도 같이 살펴야 합니다.
글자 뒤에 복잡한 사물이 있으면 색을 바꾸는 것만으로는 읽기 어려운 문제가 해결되지 않을 수 있습니다.
사진과 설명을 각각 고른 뒤 함께 놓인 화면에서 다시 확인하는 것이 좋습니다.
문의 버튼의 뜻을 분명히
버튼을 누르면 어떤 일이 일어나는지 이름에서 짐작할 수 있게 만들어 보세요.
서비스 설명을 읽는 길인지, 문의 양식을 여는 길인지, 예약 가능 시간을 보는 길인지 구분할 수 있어야 합니다.
같은 이름의 버튼이 서로 다른 곳으로 연결된다면 손님이 돌아오기를 반복할 수 있습니다.
외부 채널로 이동한다면 연결이 실제로 열리는지와 담당자가 내용을 확인할 수 있는지도 함께 점검합니다.
화면에 버튼을 많이 두는 일보다 필요한 행동으로 이어지는 길을 분명하게 만드는 일이 먼저입니다.

자주 바뀌는 정보의 자리
휴무와 단축 영업처럼 운영에 영향을 주는 공지는 쉽게 발견할 위치가 필요합니다.
반대로 끝난 행사의 알림이 계속 첫 화면을 차지하면 새 안내를 가릴 수 있습니다.
어떤 내용을 공지로 올리고 언제 내릴지까지 정하면 첫 화면을 관리하기가 편합니다.
공지의 제목과 내용, 예약 화면의 가능한 날짜가 서로 맞는지도 살펴보세요.
제작 당시의 사진과 문구만 좋은 상태로 두는 것으로 운영 안내가 유지되지는 않습니다.
바뀌는 정보의 담당자를 정하고 수정 요청을 어느 방식으로 전달할지도 함께 정하는 편이 좋습니다.
휴대폰의 첫 장면 확인
넓은 모니터에서는 한번에 보이는 정보가 휴대폰에서는 아래로 길게 이어질 수 있습니다.
상단 사진이 너무 많은 공간을 차지해서 가게 설명이 한참 뒤에 나타나는지 확인해 보세요.
중요한 버튼을 눌렀을 때 손가락으로 조작하기 편한지, 옆 버튼을 잘못 누르기 쉬운지도 실제 화면에서 살핍니다.
글자 크기와 줄의 길이는 따로 숫자만 정하기보다 문장이 읽히는 상태를 함께 확인해야 합니다.
사장님 휴대폰뿐 아니라 여러 화면 크기에서도 주요 내용이 가려지지 않는지 검토하는 과정이 필요합니다.
첫 화면이 할 일을 정리
검토가 끝나면 첫 화면에서 알려줄 가게 설명과 다음 행동을 메모해 보세요.
정보를 더 넣고 싶어질 때마다 이 메모와 비교하면 화면이 복잡해지는 이유를 찾는 데 도움이 됩니다.
첫 화면의 배치만 바꿔서 조회수나 문의 결과가 일정하게 늘어난다고 약속할 수는 없습니다.
실제 방문자가 필요한 내용을 찾는지 살펴보고, 운영 기록을 바탕으로 수정 범위를 정해야 합니다.
매직오브는 홈페이지를 이야기할 때 눈에 띄는 표현과 함께 손님이 읽고 움직이는 순서를 구체적으로 살펴보길 권합니다.
매직오브 홈페이지
https://www.magicorb.co.kr
카카오톡 상담하기
http://pf.kakao.com/_XfXaX/chat
