김관형의 포트폴리오

Home

나는
  • 김관형이
  • 웹퍼블리셔
  • 성장한
  • 매력있
다.

'다른 시각은 다른 세상을 보여준다' _김관형

Profile

Info

이름: 
김관형
생년월일: 
1996. 12. 17
e-mail: 
kchm4@naver.com
거주지: 
서울시 동작구

Career

자격증: 
웹디자인기능사/2014.07.18
자격증: 
컴퓨터그래픽스운용기능사/2018.09.28
교육: 
더조은컴퓨터아카데미 디지털 웹&웹 디자인 1000시간 수료
경험: 
쇼핑몰 웹팀 약 1년간 근무

Skills

tool: 
photoshop
tool: 
illustrator
code: 
html5
code: 
css3
code: 
jQuery

한국은행

한국은행: Markup과 CSS에 대한 이해

처음으로 만든 웹 페이지 입니다.
html5와 css3를 이용해 기존의 한국은행 웹 페이지를 비슷하게 구현하는 일에 집중했던 프로젝트입니다.
웹 제작에 기초가 될 markup과 css에 대한 이해를 도와준 프로젝트입니다.

  • W3C html markup 유효성 검사 완료
  • W3C css 유효성 검사 완료
  • IE 8+ 정상 호환
  • chrome
  • explorer
  • mozilla
  • opera
  • safari

동대문 디자인 플라자

동대문 디자인 플라자: Markup의 숙달

두번째로 만든 웹 페이지 입니다.
html5와 css3를 이용해 동대문 디자인 플라자의 웹 페이지를 만들어 보았습니다.
웹 제작에 기초가 될 markup과 css을 완벽히 이해하고 제 것으로 만들어준 프로젝트입니다.

  • W3C html markup 유효성 검사 완료
  • W3C css 유효성 검사 완료
  • IE 8+ 정상 호환
  • chrome
  • explorer
  • mozilla
  • opera
  • safari

야마하 뮤직 코리아

야마하 뮤직 코리아: 반응형에 대한 이해

반응형 웹 페이지 입니다.
이 프로젝트로 반응형 웹 페이지에 대한 이해를 높였고,
웹 제작의 트렌드로 자리잡은 반응형 웹 페이지에 대해 깊게 공부할 수 있었던 작업이었습니다.

  • 반응형 웹 페이지
  • W3C html markup 유효성 검사 완료
  • W3C css 유효성 검사 완료
  • chrome
  • explorer
  • mozilla
  • opera
  • safari

우븐 매거진

WOVEN MAGAZINE: jQuery를 알아가다

jQuery를 사용해 만든 웹 페이지입니다.
jQuery를 배우고 직접 사용하며 응용하는 것을 중점으로 한 프로젝트입니다.
해당 브랜드가 보다 세련되어 보일 수 있게 일부 리디자인 하였습니다.

  • jQuery를 이용한 여러 기능 추가
  • W3C html markup 유효성 검사 완료
  • W3C css 유효성 검사 완료
  • chrome
  • explorer
  • mozilla
  • opera
  • safari

넬슨 만델라 재단

NELSON MANDELA FOUNDATION: video 매체의 적용과 응용

Video를 웹 페이지에 적용시키고 응용하는 방법을 이해하기 위해 제작한 웹 페이지입니다.
넬슨 만델라 재단의 웹 페이지에 U2의 Ordinary Love라는 곡의 뮤직비디오를 배경으로 적용시켰습니다.
웹페이지가 로드되면 영상과 사운드가 자동 재생됩니다.

  • 영상 / 사운드 추가
  • IE 8+ 에서도 영상 재생
  • W3C html markup 유효성 검사 완료
  • W3C css 유효성 검사 완료
  • chrome
  • explorer
  • mozilla
  • opera
  • safari

잔다

잔다: 모바일 jQuery를 배우다

모바일 앱을 기획, 디자인하고
모바일 jQuery를 이용해 이를 구현까지 했던 프로젝트입니다.
'잠이 소중한 현대인들을 위한 보다 나은 수면을 위한 앱' 이라는 컨셉으로 기획했으며
눈이 아프지 않게 비비드 컬러는 피했고, 모바일 화면에 맞는 사이즈로 제작했습니다.

  • Mobile jQuery 사용
  • Mobile size에 맞춤
  • 어두운 컬러를 메인으로 밤에도 눈이 아프지 않도록 기획/디자인
  • chrome
  • explorer
  • mozilla
  • opera
  • safari

이상한 나라의 앨리스

이상한 나라의 앨리스: PARALLAX!

스크롤에 따라 오브젝트가 시차를 두고 움직이는 parallax에 대해 배우고, 스스로 parallax 웹 페이지를 기획, 디자인, 구현하며 prarallax를 온전히 저의 것으로 만들기 위해 진행된 프로젝트입니다.
동화 '이상한 나라의 앨리스' 의 일부 장면을 웹 페이지에 담았습니다.

  • 1920 x 1080 풀 스크린으로 감상해 주시면 감사합니다.
  • 우측 하단에 Auto scroll 버튼을 누르시면 더 편안하게 감상하실 수 있습니다.
  • W3C html markup 유효성 검사 완료
  • W3C css 유효성 검사 완료
  • chrome
  • explorer
  • mozilla
  • opera
  • safari

CONTACT

business card

Epilogue

제작 중 입니다...