이번에 소개할 작업은 경기도 성남시 수정구에 있는 J 멀티짐(제이멀티짐) PT & 주짓수의 홈페이지형 블로그 디자인이에요. 헬스 PT와 주짓수를 함께 운영하는 센터예요. 그래서 두 프로그램의 일상과 센터 소식, 상담 창구를 네이버 블로그 첫 화면에서 한 번에 볼 수 있도록 구성했어요.
도복 입은 두 사람의 사진으로 시작하는 메인 화면
메인 배경에는 흰색 도복과 검은 도복을 입은 두 사람이 매트 위에서 주짓수를 하는 장면을 화면 가득 사용했어요. 채도를 낮춘 사진 위에 빨간색과 검은색으로 된 육각형 JM 엠블럼과 'J MULTI GYM' 로고, 'PT & 주짓수' 문구를 올렸어요.
오른쪽에는 "헬스PT와 주짓수를 동시에! 당신의 삶이 변화됩니다"라는 메인 카피를 넣었어요. 카피 첫 줄은 로고와 같은 빨간색이라 브랜드 컬러가 화면 위쪽에서 자연스럽게 이어져요. 상단은 반투명한 어두운 띠로 처리해서 사진 위에서도 로고와 블로그 메뉴가 잘 읽혀요.
사업자 블로그 첫 화면에는 무엇을 보여줘야 할까요?
처음 방문한 분이 '어디에 있고, 어떻게 연락하면 되는지'를 바로 알 수 있는 정보가 첫 화면에 있으면 좋아요. 운동센터처럼 직접 찾아가야 하는 업종이라면 위치와 상담 방법을 찾느라 여러 페이지를 돌아다니지 않게 해주는 편이 훨씬 편하거든요.
J 멀티짐 블로그에는 메인 사진 왼쪽 아래에 전화번호, 네이버 톡톡 상담, 카카오톡, 주소, 인스타그램을 아이콘과 함께 세로로 정리했어요. 톡톡, 카카오톡, 인스타그램 옆에는 작은 'go' 버튼을 달았어요. 상단 메뉴도 J 멀티짐 이벤트, 소개·위치, 프로그램·시간표, 공지사항으로 되어 있어서, 시간표처럼 자주 찾는 정보까지 메뉴에서 바로 확인할 수 있어요.
헬스PT와 주짓수, 프로그램별로 나눈 카테고리 배너
프로그램이 두 가지 이상인 센터라면 블로그 카테고리도 프로그램별로 나눠두는 게 찾기 쉬워요. 헬스 PT를 알아보는 분과 주짓수를 알아보는 분이 궁금한 글이 서로 다르니까요.
J 멀티짐 블로그 하단에는 센터소개, 주짓수 일상, 헬스PT 일상, J 멀티짐 PT&주짓수 소식, 온라인상담까지 다섯 개의 배너를 나란히 배치했어요. 배너마다 INTRODUCTION, JIU-JITSU DAILY LIFE 같은 영문 라벨, 한글 제목, 사진, '자세히 보기' 버튼 순서로 형식을 맞췄어요. 주짓수 일상에는 도복 입은 선수 일러스트를, 헬스PT 일상에는 단체 운동 사진을 넣었어요. 그래서 글을 읽기 전에 이미지만 봐도 두 프로그램이 구분돼요.
J 멀티짐 홈페이지형 블로그는 주짓수 사진과 레드 컬러로 센터의 분위기를 보여주고, 연락처와 다섯 개의 카테고리 배너로 필요한 정보를 첫 화면에 정리한 작업이에요. 헬스장이나 PT샵, 무도장처럼 여러 프로그램을 함께 운영하는 운동센터라면 참고해보셔도 좋을 것 같아요.
굿파크는 2012년부터 여러 업종의 홈페이지형 블로그를 디자인해왔어요. 운영 중인 프로그램과 상담 방법에 맞춰 블로그 첫 화면을 정리하고 싶다면 편하게 문의해주세요.
이 게시물을
