관공서홈페이지제작 - 해양수산 ODA 포털

관공서홈페이지제작 플레이웹

해양수산 ODA 포털

---

안녕하세요.

관공서홈페이지제작업체 플레이웹입니다.

오늘 보여드릴 포트폴리오는

해양수산ODA 포털사이트 제작사례인데요.

자료를 제공하는 포털사이트의 성격을 지녔기 때문에

이에 맞게 검색 기능을 강화하고, 자료의 업데이트를 위해

내부 관리자가 직접 자료를 수정하고 추가할 수 있도록 만들었습니다.

그럼 지금부터 해양수산 ODA 포털사이트를 살펴보도록 하겠습니다!

​

사이트 바로보기 : https://oceanaid.or.kr/

해양수산ODA포털 - 한국해양수산개발원 국제개발협력센터

 

---

 

메인페이지를 보시면 왼쪽에 세로로 메뉴를 배치하였는데요.

보통 사람의 시선이 왼쪽에서 오른쪽으로 주로 향하게 되기 때문에 웹페이지 역시 F의 형타로 시선이 많이 처리된다고 합니다.

그렇기 떄문에 메뉴를 왼쪽에 둘 경우 대표메뉴를 파악하는 속도도 빠르고 시각적으로도 수정이 많이 줄어들게 됩니다.

 

​

다만, 왼쪽에 메뉴를 둘 경우 최소 20%정도의 공간을 쓰게 되어서 컨텐츠 페이지 표현 공간이 많이 줄어드는 단점이 있는데요.

그래서 상단 가로로 메뉴를 두고 가로 전체를 컨텐츠 페이지로 많이 사용하지만 각각의 장단점이 있기 때문에 기업의 특성에 맞게 선택하시는 것이 좋습니다.

 

메뉴를 클릭하시면 왼쪽에는 사이드 네비게이션은 고정으로 되어 있으며,

나머지 공간의 가운데에서 컨텐츠가 표현되고 있습니다.

​

시각적 표현도를 높이기 위해 그래프를 이미지로 작업해서 배치했는데요.

텍스트가 많은 편이기 때문에 그래프나 애니메이션 효과를 넣어 밋밋함을 줄이고 가독성을 높였습니다.

​

자료를 제공하는 포털사이트의 특성상 자료검색을 더 쉽고 편리하게 하기 위해,

게시판에 기간별, 조건검색, 검색결과내에서 더 자세히 한번 더 검색할 수 있는 기능이 추가 되었습니다.

​

 

자료검색은 메인페이지에서도 검색할 수 있는 창을 만들어 필요한 자료를 조금 더 쉽게 찾을 수 있습니다.

또한 관리자페이지가 제공되어 내부 관리자가 직접 자료를 수정하고 추가 할 수 있습니다.

 

응형 홈페이지로 제작이 되었는데요.

다양한 기기를 사용하기 때문에 기기에 알맞게 크기가 최적화된 화면으로 볼 수 있습니다.

이상 관광서홈페이지제작업체 플레이웹 이었습니다.

---

https://playwebon.com/

홈페이지제작 - 플레이웹