portfolio

STUDY
SITES
DESIGN
JAVASCRIPT

Webstandard 웹표준 코딩 작업

웹표준 코딩 작업

미술작품을 집에서도 쉽게 접할 수 있는 웹갤러리 사이트입니다.
좋아하는 아티스트나 작품에 대한 설명을 볼 수 있고 아트매거진 사이트나 미술관 전시를 동시에 접할 수 있습니다.
웹표준을 준수하여 브라우저 종류 및 버전에 따른 기능 차이에 대하여 호환이 가능하도록 제시된 표준으로, 다른 기종 혹은 플랫폼에 따라 달리 구현되는 기술을 동일하게 구현함과 동시에 어느 한쪽에 최적화되어 치우치지 않도록 공통요소를 사용하여 만들었습니다.또 장애인이나 고령자분들이 웹 사이트에서 제공하는 정보를 비장애인과 동등하게 접근하고 이용 할 수 있도록 웹 접근성을 준수했습니다.

사이트보기 코드보기

닫기

Responsive Web 반응형웹 코딩 작업

반응형웹 코딩 작업

하나의 웹사이트에서 PC, 스마트폰, 태블릿 PC 등 접속하는 디스플레이의 종류에 따라 화면의 크기가 자동으로 변하도록 만든 반응형 웹사이트입니다 반응형의 장점은 검색엔진에 친화적이라는 것 외에도 여러가지가 존재 합니다. 앞서 언급한 바와 같이 단 하나의 웹사이트로 다양한 디바이스에 대응함으로써 유지보수 및 추가 개발 이슈에 대해 시간과 비용면에서도 보다 효율적입니다.

사이트보기 코드보기

닫기

Banner Design01 배너 디자인 작업01

배너 디자인 작업01

배너01 사이즈 - 1280 X 490 / 배너02 사이즈 - 1920 X 490 / 배너03 사이즈 - 1280 X 490 / 배너04 사이즈 - 1920 X 490
레스토랑 사이트를 만들면서 슬라이더 배너를 2가지 버전으로 만들었습니다.

닫기

Banner Design03 배너 디자인 작업03

배너 디자인 작업03

배너01, 배너02 사이즈 - 630 X 355 / 배너03 사이즈 - 1280 X 70 / 배너04, 배너05, 배너06 사이즈 - 413 X 120
프로모션배너, 띠배너등 다양한 형태의 배너를 작업했습니다.

닫기

SNS Design sns 디자인 작업

sns 디자인 작업

닫기

Clone Coding Site 클론 코딩 사이트

클론 코딩 사이트

메가박스 기업사이트를 만들어 보았습니다. 기업사이트를 반응형 웹으로 만들어 보면서 복습도 하고 여러 기능을 구현해 볼 수 있었습니다.

사이트보기 코드보기

닫기

Page Design 상세페이지 디자인 작업

상세페이지 디자인 작업

닫기

Figma Website 웹 페이지디자인 작업

웹 페이지디자인 작업(figma)

미술작품을 집에서도 쉽게 접할 수 있는 웹갤러리 사이트입니다. 좋아하는 아티스트나 작품에 대한 설명을 볼 수 있고 아트매거진 사이트나 미술관 전시를 동시에 접할 수 있습니다.

닫기

Photoshop Website Design 웹 페이지디자인 작업

웹 페이지디자인 작업(photoshop)

페이지 사이즈 - 1280 X 4952 /
패밀리레스토랑 사이트를 디자인했습니다. 상단에 로고와 메뉴를 배치해 사용자가 한눈에 원하는 목록으로 이용이 용이하게 하였고 헤더하단에 이미지아이콘을 배치해 다시 이동을 원활하게 만들었습니다.이미지와 배너중심으로 한눈에 사이트내용을 파악 할 수 있게 만들었습니다.

닫기

Illustrator Icon 아이콘 디자인 작업