본문 바로가기

웹 디자인

습작 - 홈페이지 리뉴얼 I

15. 04

2015년 4월 당시 취업성공패키지로 국가기간전략산업직종의 웹디자인 부문으로 교육받을 당시의 작업물입니다.

4인조로 **시립미술관 홈페이지를 리뉴얼 하였습니다. 

홈페이지 구조 설계 후, 홈페이지 4개의 항목 중 하나를 선택하여 각각의 서브 페이지를 제작하였고, 저는 '교육'탭을 담당하였습니다. 해당 작품에 대한 저의 기여도는 27%입니다.

교육 항목 페이지

공통 영역인 헤더와 헤더 부분 메뉴, 중메뉴(이미지 상 '연간교육일정|모집중인 교육|진행중인 교육'), 푸터를 제외한 영역은 제가 모두 제작하였습니다. 공통 영역은 조원들과 함께 제작하였습니다.

네비게이션 메뉴 박스
항목 클릭 시 팝업
중메뉴·소메뉴 리스트 마우스오버 효과
페이지네이션 리스트 마우스오버 효과

해당 페이지에 쓰인 이미지들은 맨 위의 '미묘한 삼각관계'를 제외하고 모두 직접 제작하였습니다. '미묘한 삼각관계'의 경우 당시 원래 홈페이지(서울시립미술관)에 등록되어 있던 이미지를 사용하였고, 나머지 항목은 이미지가 존재하지 않았기 때문에 제작하게 되었습니다.

 

여기서부터는 다른 조원들이 담당한 부분입니다.

전시 탭
소장품, 인포&소개 탭

 

실제 제작되었던 홈페이지 구동 영상 : https://youtu.be/YCsoL8_4mxY

 

 

사용한 툴 : Adobe Dreamweaver, Photoshop, Illustrator

*해당 html 문서는 업체에 납품하기 위함이 아닌, 순수하게 개인의 포트폴리오를 위해 창작된 문서임을 밝힙니다.