01랜드로버

Viewport

반응형

IE support

IE9+

Palette

* 외주 진행이 아닌 개인 프로젝트 입니다

랜드로버 코리아의 메인페이지와 서브페이지
(회사소개, 커뮤니티, 회원가입, 로그인)를
반응형 페이지로 리뉴얼 하였습니다.

미디어쿼리를 기반으로 반응형작업을 하였고,
작업 후반부터 Git을 이용한 버전관리를 하였습니다.

웹 표준과 접근성을 위해 W3C검사와 N-WAX, Colour Contrast Analyser를 이용한 검사를 하였습니다.

02오산문화재단

Viewport

반응형

IE support

IE9+

Palette

* 외주 진행이 아닌 개인 프로젝트 입니다

오산문화재단의 메인페이지를
반응형 페이지로 리뉴얼 하였습니다.

미디어쿼리를 기반으로 반응형작업을 하였고,
작업 초반부터 Git을 이용한 버전관리를 하였습니다.

배경이 있는 드롭박스 구현과
풀 스크린 사이트맵 구현을 중점으로 하였습니다.

웹 표준과 접근성을 위해 W3C검사와 N-WAX, Colour Contrast Analyser를 이용한 검사를 하였습니다.

03Gray Sheep

Viewport

반응형

IE support

IE9+

Palette

작업물을 정리하기위한 포트폴리오 사이트 입니다.

좋아하는 색상들과 동물을 이용하여
자유롭게 취항대로 디자인하였습니다.
다른 목적 없이 오직 나를 위해 디자인 하여
이전과는 다른 즐거운 마음으로 작업하였습니다.

부트스트랩4으로 반응형과 레이아웃을 구축하였고,
작업 초반부터 git을 이용한 버전관리를 하였습니다.

웹 표준과 접근성을 위해 W3C검사와 N-WAX를 이용한 검사를 하였으나 Colour Contrast Analyser검사의 경우 디자인요소를 위하여 일부만 진행하였습니다.

04적재함 계산 프로그램

Viewport

데스크탑

IE support

IE9+

Palette

* 외주 진행이 아닌 개인 프로젝트 입니다

화물 적재 계산을 위한 사이트입니다.

컨테이너 사이즈와 박스 사이즈를 입력하여 최대 적재 가능한 단수를 자동 계산해주며, 드래그하여 위치를 이동할 수 있습니다.

빠른 작업을 위해 부트스트랩으로 프론트 작업을 하었으며, 주로 자바스크립트, 제이쿼리를 사용하여 구현하였습니다.

수시로 업데이트 적용 중 입니다.