클라우드 기반의 자바 웹 애플리케이션 개발 과정 프론트엔드 포트폴리오 - 홈페이지 리뉴얼

기존 사이트 - 아산시청

메인 화면

회원가입

로그인

와이어프레임

기존의 아산 시청 사이트는 레이아웃이 가독성이 떨어지는 편이다. 중복되는 메뉴가 많고 상하좌우에 메뉴가 존재에 시각적으로 좁아보이는 착각을 일으킨다. 중복되는 메뉴를 소거한 후 중요정보 위주로 상단 레이아웃을 재배치 및 비슷한 컨텐츠를 묶음배치 했다.

참고 사이트 : 하남 시청, 천안시청 등 각종 국가정보 사이트

리뉴얼 과정

기존 사이트에서 사용했던 아이콘은 새로운 프레임과 맞지않아 재사용하기에 어려움이 있음. 아이콘 및 배경은 새로 제작함. 그래픽 프로그램 미 설치로 인한 대체 프로그램 사용

제작 사이트 : Canva

메인 페이지- 전체 배경

메인 페이지 - 시장 backgroundImage

메인 페이지 - 퀵 메뉴 아이콘

로그인 회원가입 BackgroundImages

그 외 날씨 아이콘 및 업데이트 알림 아이콘

아이콘 무료제공사이트 활용

리뉴얼 결과

호스팅 사이트 : http://portasan.dothome.co.kr/

메인화면

회원가입

로그인

게시판

정보화면