이번에 소개할 작업은 부산행정사 온누리의 홈페이지형 블로그 디자인이에요. 토지보상, 인·허가, 출입국 업무를 다루는 행정사무소의 네이버 블로그예요. 첫 화면에서 주요 업무와 상담 연락처를 한 번에 확인할 수 있도록 구성했어요.
부산의 밤 풍경 위에 골드 컬러로 정리한 메인 디자인
메인 배경에는 광안대교와 고층 빌딩이 불을 밝힌 부산 야경을 사용했어요. 짙은 남색 밤하늘 위에 대한행정사협회 로고와 노란빛 '부산행정사 온누리' 타이틀을 올렸어요. 블로그에 들어오자마자 지역과 업종을 함께 알 수 있는 화면이에요.
그 아래에는 "여러분의 권익과 권리를 보호하는데 언제나 앞장서겠습니다"라는 메인 카피를 넣었어요. '권익과 권리', '보호'만 굵게 처리해서 문장이 길어도 핵심 단어가 먼저 읽히도록 했어요.
메뉴보다 먼저 보이는 전화·카카오톡 상담 영역
타이틀 바로 아래에는 전화, 카카오톡, 페이스북, 홈페이지로 연결되는 원형 아이콘 4개를 나란히 배치했어요. 전화번호와 카카오톡 아이디는 아이콘 아래에 텍스트로 적어 두었어요. 그래서 버튼을 누르지 않아도 연락처를 바로 확인할 수 있어요.
아이콘 색은 카카오톡은 노란색, 페이스북은 파란색처럼 각 채널에서 익숙하게 쓰는 색을 살렸어요. 전화는 어두운 원형, 홈페이지는 골드 톤으로 맞춰 전체 분위기와 어울리게 했어요.
행정사 블로그 메뉴는 어떻게 구성하는 게 좋을까요?
행정사 블로그는 업무 분야별 메뉴와 상담 전에 확인하는 정보 메뉴를 나눠 두면 찾기 편해요. 행정사 업무는 범위가 넓은 편이라, 글이 쌓이면 방문자가 자신에게 필요한 내용을 찾기 어려워지거든요.
온누리 블로그는 하단에 6개의 메뉴 박스를 배치했어요. 토지보상, 인·허가, 출입국 업무, 기타자료는 업무 분야 메뉴이고, 행정사무소 소개와 오시는 길은 사무소 정보 메뉴예요. 토지보상 메뉴는 맨 앞자리에 두었어요.
각 박스는 반투명한 어두운 배경 위에 노란색 라인 아이콘과 메뉴명, '바로가기' 버튼을 넣는 같은 형식으로 만들었어요. 덕분에 배경의 야경이 가려지지 않으면서도 메뉴가 또렷하게 구분돼요.
상담이 필요한 업종이라면 첫 화면에 이것부터
상담이 필요한 전문서비스 블로그라면 첫 화면에서 어떤 일을 하는 곳인지, 어떻게 연락하면 되는지가 함께 보이는 게 좋아요. 온누리 블로그는 위에서 아래로 사무소 이름, 메인 카피, 연락처, 업무 메뉴 순서로 정보가 이어져요. 한 화면 안에서 필요한 정보를 차례대로 확인할 수 있는 구성이에요.
행정사나 법무사처럼 업무 분야가 여러 개인 사무소 블로그를 준비하고 있다면, 이번 사례의 메뉴 구분 방식을 참고해보세요. 굿파크는 2012년부터 다양한 업종의 홈페이지형 블로그를 디자인해 왔고, 작업자와 직접 소통하면서 블로그 구성을 함께 정리해 드리고 있어요.