고령군 귀농귀촌지원센터 — 모바일 웹 디자인

프로젝트 개요

고령군 농업기술센터가 운영하는 귀농귀촌지원센터의 모바일 웹사이트입니다. 귀농을 준비하는 도시민이 지원정책과 농지·빈집 정보를 휴대폰에서 바로 찾아보고 상담까지 신청하는 것이 목적이었습니다. 이온디는 모바일 화면 디자인을 맡았습니다.

작업 범위

첫 화면부터 지원안내, 상담신청, 회원가입까지 모바일에서 쓰는 화면 전체를 디자인했습니다. PC 사이트에 있던 지원정책 표와 농기계 임대료 목록은 좁은 화면에서 읽히도록 다시 짰습니다.

• 8개 아이콘 격자 메인과 상담 신청 버튼 배치
• 지원정책·농기계 임대료 3열 표의 모바일 대응
• 8개 분야 담당자 선택형 상담 신청 흐름
• 모바일 회원가입·약관동의 화면

주요 구현

메인은 지원안내·농지정보·빈집정보·농기계임대 등 8개 아이콘 격자와 '귀농 귀촌 상담하기' 큰 버튼, 그 아래 공지사항 목록으로 구성했습니다. 지원정책 화면은 세부사업·지원자격 및 사업내용·지원금액 3열 표를 그대로 살리되 셀 폭을 조정해 모바일에서도 항목과 금액의 대응이 흐트러지지 않게 했습니다. 지원안내는 센터소개·지원정책·오시는 길 3개 카드로 나눠 아이콘과 한 줄 설명을 붙였고, 화면마다 상단에 '이전' 바를 두어 뒤로 나오는 길을 고정했습니다. 하단에는 PC버전 전환 버튼과 트위터·페이스북·네이버 링크를 상시 노출했습니다.

비슷한 프로젝트를 준비 중이라면

현재 사이트와 필요한 범위를 알려주시면 어디서부터 시작할지 함께 정리합니다.