경남대학교산학협력단 포트폴리오

PORTFOLIO
다양한 분야의 경험과 전문가의 노하우로
모두가 만족할 결과물을 제시해 드립니다.
Drawing on extensive experience across diverse fields and expert know-how,
we deliver outcomes that satisfy everyone.
비젠소프트 포트폴리오 상세보기 - 홈페이지제작 쇼핑몰제작 AI 솔루션
경남대학교산학협력단
개발분야 : Responsible website(반응형웹) / Layout(레이아웃고정형)
경남대학교산학협력단 2024/01
비젠소프트 포트폴리오 목록으로 돌아가기 이전 포트폴리오 프로젝트 보기 다음 포트폴리오 프로젝트 보기
경남대학교 산학협력단 문화재돌봄센터_ LTYPE_ 반응형 홈페이지제작




메인 화면 기획 및 현장 중심 랜딩 구성


[메인 화면 기획]

문화유산을 직접 지키는 사람들의 활동을 센터의 정체성으로 보고,

너른 풀밭에서 예초 작업을 하는 돌봄 인력을 위에서 내려다본 항공 사진을 메인 비주얼로 배치했습니다.

여기에 '경남 문화유산을 지키고, 돌보며 미래를 이어갈 발자취' 메시지를 더해

첫 화면에서 사업의 의미를 직관적으로 전달하도록 기획했습니다.

이어서 돌봄사진 → 월간활동 → 공지사항 순으로 구성해

현장 기록에서 운영 정보까지 자연스럽게 이어지도록 했습니다.






메인디자인





경남대학교산학협력단 반응형 웹사이트 메인 페이지 디자인

[메인 디자인]

기와지붕을 형상화한 로고의 블루를 포인트 컬러로 삼고,

흰 배경 위에 실제 현장 사진을 크게 배치해 공공기관다운 신뢰감과 담백한 인상을 주도록 디자인했습니다.

꾸밈 요소를 줄이고 굵은 고딕 제목과 넓은 여백으로 정보를 정돈했으며,

짙은 네이비 푸터에 국가유산청·경상남도·경남대학교 로고를 모아 사업의 공신력을 하단에서 마무리했습니다.







컨텐츠디자인
경남문화재돌봄센터 간결한 레이아웃과 텍스트 중심 웹디자인

[콘텐츠 디자인]

문화유산 돌봄사업, 정보 자료실, 알림공간의 3개 대메뉴로 정보를 묶어

처음 방문한 사용자도 사이트 구조를 쉽게 파악하도록 정리했습니다.

서브페이지 상단에는 한옥과 돌봄 현장 사진 배너를 두어 분위기를 이어 갔고,

센터소개는 네이비 테두리 박스와 ◆ 소제목으로 사업목적·관리대상·근거법령을 구분했습니다.

돌봄활동은 4열 사진 카드에 날짜와 조회수를 함께 넣어 활동 기록을 한눈에 볼 수 있게 했습니다.






웹사이트 UIUX

경남문화재돌봄센터 문화유산 관리 웹사이트 화면 구성

[웹사이트 UX/UI]
메뉴를 3개로 단순화해 필요한 정보까지의 경로를 짧게 만들고,
메인에서 돌봄사진·월간활동·공지사항으로 바로 이동할 수 있도록 동선을 설계했습니다.
공지사항에는 제목 아래 요약문을 함께 노출해 클릭 전에 내용을 짐작할 수 있게 했으며,
갤러리에는 페이지네이션과 검색 기능을 두어 쌓여 가는 현장 기록도 쉽게 찾아볼 수 있도록 구성했습니다.


비젠소프트 포트폴리오 전체 목록으로 돌아가기
이전 포트폴리오 보기 다음 포트폴리오 보기
카카오톡 상담하기
전화 상담 무료 견적 문의 →