본문 바로가기

웹 디자인

습작 - 홈페이지 리뉴얼 II

2015. 05

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

제가 즐겨 했던 게임인 방치형 모바일 게임의 한국어 홈페이지를 리뉴얼 해 보았습니다.

메인 페이지 / 메뉴 마우스오버 시 토글 메뉴

백그라운드 이미지의 크기 때문에 홈페이지는 1666*880 해상도에서 100%의 비율로 볼 수 있습니다.

메인 페이지에는 유투브 영상, 공식 트윗, 페이스북 위젯을 삽입했습니다.

서브 페이지 나** - APPS 항목

서브 페이지는 해당 게임이 나무토막에 자라난 버섯들을 손가락으로 탭하여 수확한다는 점에 착안해, 횡스크롤 방식으로 구성하였습니다. APPS 항목은 출시된 어플리케이션을 소개와 함께 순서대로 나열하였습니다. 

서브 페이지 나** - ABOUT 나** 항목
서브 페이지 나** - ABOUT 나** 항목

ABOUT 나** 항목입니다. '나**' 캐릭터에 대해 소개하는 페이지입니다. 간단한 J-QUERY 효과를 이용해 캐릭터를 소개해 보았습니다.

 

 

제작했던 홈페이지 구동 영상 : https://youtu.be/J7-jTkRH9DM

 

사용한 툴 : Adobe Dreamweaver, Photoshop, Illustrator

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