디자인 웹접근성 현대백화점 스미스티 마녀공장 루이비통 사이버펑크 실바니안 위드굿즈 국립중앙박물관 현대백화점 모작 리액트

I n t r o d u c e

MESSAGE now

안녕하세요!🧓

2 more message from Juhan

MESSAGE now

HtmlCssJqueryJavascriptMediaQueryReactFigmaPhotoshopIllustrator

0 more message from Juhan

MESSAGE now

저는 다음과 같은 기술을 익히고 있습니다!

0 more message from Juhan

MESSAGE now

프론트엔드, 웹퍼블리셔를 꿈꾸는 이주한입니다

2 more message from Juhan

MESSAGE now

경북대학교 신소재공학부 중퇴.

인터렉티브 웹모션(HTML,CSS,JS) UI/UX 퍼블리셔 실무(Git버전관리)인재 양성 수료.

0 more message from Juhan

MESSAGE now

저는 다음과 같은 이력이 있습니다.

0 more message from Juhan

MESSAGE now

지금부터 저에 대해서 소개하겠습니다

2 more message from Juhan

MESSAGE now

10개의 홈페이지를 여러가지 방식으로 제작했으며,10개의 디자인시안을 세가지 툴로 제작했습니다.

0 more message from Juhan

MESSAGE now

저의 정보는 다음과 같습니다!🧓

0 more message from Juhan

♫ ♪

닫기

DesignUI/UX

북커버, 포스터, 일러스트, 상세페이지, 등 여러 디자인을 Photoshop과 Illustrator를 사용해 작업했습니다.

Illustrator

전체보기

일러스트로 작업한 옥상정원 포스터입니다. 펜툴과 도형, 패스파인더,그라데이션 효과를 중점으로 이용해 제작했습니다.

원본보기

일러스트로 작업한 추석 한가위 홍보용 포스터 입니다. 패스파인더와 펜툴, 브러쉬, 등을 이용해 제작했습니다.

원본보기

일러스트로 작업한 전시회 포스터입니다. 펜툴과 이미지 효과, 패스파인더 등을 이용해 제작했습니다.

원본보기

일러스트로 작업한 북커버 입니다. 브러쉬, 펜툴, 패스파인더등을 이용했으며, 포토샵또한 이용하여 구름의 질감을 도장 툴로 제작했습니다.

원본보기

일러스트로 작업한 봄세일 홍보 포스터입니다. 이미지효과와 메쉬툴, 여러 도형, 그라데이션등을 이용해 제작했습니다.

원본보기

일러스트로 겨울 네일 홍보용 포스터입니다. 기본적인 일러스트도형 도구와 도형 효과 툴등을 이용해 독특한 도형을 제작했습니다.

원본보기

Photoshop

전체보기

포토샵을 이용해 배경과 제품을 제작했습니다

원본보기

포토샵을 이용해 배경과 제품을 제작했습니다

원본보기

포토샵을 이용해 배경과 제품을 제작했습니다

원본보기

포토샵을 이용해 배경과 제품을 제작했습니다

원본보기

포토샵을 이용해 배경과 제품을 제작했습니다

원본보기

포토샵을 이용해 배경과 제품을 제작했습니다

원본보기

포토샵을 이용해 배경과 제품을 제작했습니다

원본보기

포토샵을 이용해 배경과 제품을 제작했습니다

원본보기

포토샵을 이용해 배경과 제품을 제작했습니다

원본보기

포토샵을 이용해 배경과 제품을 제작했습니다

원본보기

포토샵을 이용해 배경과 제품을 제작했습니다

원본보기

포토샵에서의 도형툴과 이미지편집등을 이용해 홍보용 배너를 제작했습니다.

원본보기

포토샵에서의 레이어마스크와 이미지 보정툴, 효과 툴을 이용하여 주름을 만들어 제작했습니다.

원본보기

포토샵에서의 도형툴과 이미지 효과, 펜툴등을 이용해 배너이미지를 제작했습니다.

원본보기

포토샵의 기본적인 도형툴과 레이어마스크, 그라데이션등을 이용한 영화 포스터입니다

원본보기

포토샵의 그라데이션, 도형편집, 등을 이용한 탁구포스터입니다.

원본보기

포토샵을 통해 이미지의 효과를 적용하는 방법을 통해 상품소개 페이지를 제작했습니다.

원본보기

포토샵을 통해 기본적인 레이어마스크와, 그라데이션 효과를 사용해 상품을 소개하는 섹션을 제작했습니다.

원본보기

포토샵의 가우시안블러 효과와 도형과 이미지의 겹침을 만드는 작업을 통해 상품을 소개하는 포스터를 제작했습니다.

원본보기

FigmaUI/UX

피그마를 사용한 UI/UX디자인 입니다. 상세페이지와, 이벤트 디자인 등을 제작했습니다.

에이스 침대
상세페이지 디자인 오난 코리아
상세페이지 디자인 바이컬러
이벤트 페이지 디자인 모바일
이벤트 디자인

한국부동산원imitation

웹접근성 테스트를 위해 한국부동산원의 홈페이지를 모작하여 제작한 사이트입니다. 웹접근성 테스트를 통해 필요한 부분을 채워넣은 사이트입니다.

프로젝트명 웹접근성 검사 사이트 모작

제작기간 10/18 ~ 10/20 (약 3일 소요)

사용 툴/언어 VS code / Html, Css, Javascript, Jquery

기여도 코딩 100%

사이트 바로가기

더 현대Renewal

기존의 더 현대백화점의 기본 구성을 바탕으로 반응형으로 제작한 웹사이트 입니다. 리뉴얼을 통해 독특하고 새로운 디자인을 바탕으로 제작했습니다.

프로젝트명 현대백화점 반응형 홈페이지 리뉴얼

제작기간 9/5 ~ 9/19 (약 2주 소요)

사용 툴/언어 Photoshop, VS code / Html, Css, Jquery, java Script

기여도 디자인 100%, 코딩 100%

사이트 바로가기 프로세스페이지

스미스티Renewal

기존의 스미스티의 디자인을 변경하고 그에 따른 반응형 작업을 중점으로 진행했습니다. 1024px부터 280px까지 모든 환경을 고려해 제작했습니다.

프로젝트명 스미스티 반응형 홈페이지 리뉴얼

제작기간 9/14 ~ 9/26 (약 12일 소요)

사용 툴/언어 Photoshop, VS code / Html, Css, Jquery

기여도 코딩 100%

사이트 바로가기

마녀공장Renewal

마녀공장 홈페이지를 간단히 리뉴얼하여 반응형 작업에 대한 기초를 적용한 홈페이지입니다.

프로젝트명 마녀공장 반응형 홈페이지 리뉴얼

제작기간 8/29 ~ 8/30 (약 2일 소요)

사용 툴/언어 Photoshop, VS code / Html, Css, Jquery

기여도 코딩 100%

사이트 바로가기

루이비통Renewal

기존의 루이비통이 가지고 있던 단순한 이미지를 벗어나 새로운 디자인을 바탕으로 제작했습니다. 단순하던 레이아웃을 조금 더 독창적으로 표현하고자 노력했습니다.

프로젝트명 루이비통 홈페이지 리뉴얼

제작기간 8/16 ~ 8/25 (약 10일 소요)

사용 툴/언어 Photoshop, VS code / Html, Css, Jquery

기여도 디자인 100%, 코딩 100%

사이트 바로가기 프로세스페이지

사이버펑크Renewal

기존의 홈페이지가 가지고있는 기본 컨셉을 가지고 가되, 거기서 효과와, 이미지들을 더해 게임이 가지고있는 느낌을 살려 제작했습니다.

프로젝트명 사이버펑크 홈페이지 리뉴얼

제작기간 8/9 ~ 8/30 (약 20일 소요)

사용 툴/언어 Photoshop, VS code / Html, Css, Jquery

기여도 디자인 100%, 코딩 100%

사이트 바로가기

실바니안Renewal

실바니안 패밀리가 가지고 있는 귀여움에 집중해, 효과를 사용해 제작했습니다. 홈페이지의 리뉴얼과 함께 배웠던 효과를 사용, 적용하기 위해 만들었습니다.

프로젝트명 실바니안 홈페이지 리뉴얼

제작기간 7/27 ~ 8/12 (약 17일 소요)

사용 툴/언어 Photoshop, VS code / Html, Css, Jquery

기여도 디자인 100%, 코딩 100%

사이트 바로가기

위드굿즈Renewal

여태까지 배웠던 css와 Jquery를 응용해 적용할 수 있는지 시험하기 위해 제작한 홈페이지입니다. 때문에 컨텐츠는 부족할지라도 효과에 집중했습니다.

프로젝트명 위드굿즈 홈페이지 리뉴얼

제작기간 8/4 ~ 8/7 (약 4일 소요)

사용 툴/언어 Photoshop, VS code / Html, Css, Jquery

기여도 디자인 70%, 코딩 100%

사이트 바로가기

국립중앙박물관Renewal

국립중앙박물관이 가지고 있는 고급스러운 이미지에 더해, 아쉬웠던 효과와 레이아웃을 재배치 하여 제작했습니다. 처음 리뉴얼한 홈페이지인 만큼 기본에 집중해 만들었습니다.

프로젝트명 국립중앙박물관 홈페이지 리뉴얼

제작기간 7/12 ~ 7/18 (약 7일 소요)

사용 툴/언어 Figma, VS code / Html, Css, Jquery

기여도 디자인 100%, 코딩 100%

사이트 바로가기 기획, 디자인 바로가기

현대백화점imitation

현대백화점 모작입니다. 기본적인 코딩 실력을 기르기 위해 제작한것입니다. 그 당시에 적용이 가능한 선에서 모두 적용하여 작업했습니다.

프로젝트명 현대백화점 홈페이지 모작

제작기간 7/6 ~ 7/12 (약 7일 소요)

사용 툴/언어 Figma, VS code / Html, Css

기여도 코딩 100%

사이트 바로가기

부산관광명소React, API

부산관광명소를 리액트로 제작하고, 오픈API로 인증키를 통해 정보를 받아왔습니다. 모바일 환경으로 제작되었습니다.

프로젝트명 부산관광명소 리액트 제작

제작기간 10/5 ~ 10/6 (약 2일 소요)

사용 툴/언어 VS code / Html, Css, React

기여도 코딩 100%

사이트 바로가기 프로세스 페이지