leehyunsil.com

WEB DESIGNER & Publisher

한솔 웹사이트 가상 리뉴얼

hansol website virtual renewal

사이트 보러가기

client  hansoloutput  webparticipation  디자인 100%, 퍼블리싱 100%url  http://realportfolio.dothome.co.kr/hansol/

메인 비주얼의 슬로건과 어울릴 수 있는 비주얼 콘텐츠 제작 및 제이쿼리를 이용한 슬라이드 모션을 적용 하였습니다.
사이트 전체 콘텐츠 영역을 와이드 모니터 및 고해상도에서도 지원할 수있도록 확장형 코딩으로 개선해 보았습니다.
또한, 주조 컬러의 사용빈도를 높혀 다수의 GUI요소 및 타이틀등에 적용 하여 한솔그룹의 이미지를 강조하도록 기획하였습니다.

“리뉴얼 포인트를 확인할 수 있는 메인화면”

새롭게 기획한 리뉴얼 포인트를 확인하세요.

데스크탑에서 확인 할수 있는 최소 해상도(min-width)및 고해상도(max-width)를 모두 지원할 수있는 태그 구조 설계 메인 화면

“기업의 이념을 최적화된 이미지와 함께 제공”

메인페이지의 비주얼영역에 자사의 슬로건과 어울리는 이미지를 보여줌으로 써 사용자에게 신뢰감을 주도록 연출하였습니다.

한솔그룹의 이념과 가치관을 최적화된 이미지로 제공된 사례

“정보는 직관적 그래픽 요소와 함께”

콘텐츠의 정보에 따라 GUI를 추가하여 사용자의 정보이해가 용이하도록 개선하였습니다.

아이콘 제작에 따른 가이드 화면 과 가이드에 맞춰 개발된 다양한 아이콘 예시

“Overveiw”

기존 웹사이트의 웹접근성에 맞지 않는 플래시가 사용된 부분에 제이쿼리를 사용하여 구현하였고,
전체 콘텐츠의 넓이가 와이드 화면을 지원하지 않는 부분을 확장형으로 개선하여 한솔그룹의 UI&UX와 기업 아이덴티티를 높이고자하였습니다.
또한, 주목성이 다소 미흡했던 주조컬러를 적절하게 사용하여 한솔그룹의 이미지를 강조하도록 하였습니다.

메인페이지의 비주얼영역에 자사의 슬로건과 어울리는 이미지를 보여줌으로 써 사용자에게 신뢰감을 주도록 연출하였습니다.
최근소식자리에는 각각의 카테고리 내용을 한눈에 보기 쉽도록 하였고, 콘텐츠의 정보에 따라 GUI를 추가하여 사용자의 정보이해가
용이하도록 개선하였습니다.

서브페이지에는 사용자가 전역메뉴로부터 이동한 페이지의 위치를 정확하게 인지할 수 있도록 대제목의 백그라운드에 포인트 컬러인 그린색상을
사용하였고, 전체적인 텍스트의 행간을 여유있게 잡아 가독성을 높이는데 중점을 두었습니다.