DOY PORTFOLIO
Ability
- #UI/UX
- #Video
- #Artworks
- #OA
- #UI/UX
Greeting
안녕하세요!
늘 새로운 도전을 즐기고 발전하는
김도이입니다😊
긍정적이고 밝은 성격으로
어떤 일이든 기쁘게, 최선을 다합니다.
협력과 협동의 소중함을 알고
제게 온 인연들을 아끼고 사랑합니다.
Skills
Frontend
-
HTML 5
웹표준에 따라 html 구조를 마크업합니다.
적절한 태그를 사용하여 스크린리더기에 친화적으로 마크업합니다. -
CSS 3
적절한 선택자를 이용해 레이아웃과 디자인을 구현하고, 반응형/적응형 웹 및 모바일 페이지를 제작합니다.
자연스러운 애니메이션을 구현하고 콘텐츠의 3D 배치가 가능합니다. -
Java Script
변수를 만들고 연산자와 함수를 활용하여 각종 이벤트를 생성할 수 있습니다. 조건문, 반복문 등 제어문을 활용합니다.
DOM, BOM을 적절히 선택하여 이벤트를 적용합니다. -
jQuery
jQuery 명령어와 이벤트를 활용하여 보다 편리하게 애니메이션 효과와 조작 기능을 추가/제거합니다.
-
Visual Studio Code
프론트엔드 개발을 위한 tool로 visual studio code를 활용하고 있습니다.
-
Graphic
-
Photoshop
사진 편집 및 각종 이미지 제작이 가능합니다. 색감, 명도, 채도의 조정이나 합성, 누끼 작업이 가능합니다. 인물을 포토샵으로 성형하거나 메이크업할 수 있습니다.
각종 배너, 이벤트페이지 제작, 웹페이지 시안 제작이 가능합니다. -
Illustrator
벡터 방식의 일러스트 제작, 3D 일러스트 제작이 가능합니다. svg 이미지를 제작해 웹페이지에 활용합니다.
-
Premiere Pro
영상 Cut, trim 등을 이용한 간단한 편집과 사운드 디자인이 가능합니다. 5대속성이나 장면 전환 애니메이션을 활용합니다. 싱크에 맞게 사운드를 조정하고 자막 기능을 사용할 수 있습니다. 멀티 카메라 기능을 활용하여 교차편집이 가능합니다.
-
After Effects
이펙트 및 track matt를 이용한 장면 전환 효과를 사용할 수 있습니다. camera, null, light 레이어를 활용해 입체적이고 동적인 영상을 제작합니다. 트래킹 카메라를 이용해 특수합성 영상을 제작합니다.
-
Cinema 4D
간단한 3d 모델링과 hdri, 재질 활용이 가능합니다. camera와 stage를 활용하여 여러 각도에서 보여지는 3D 모델링 동영상을 rendering 합니다.
-
Office automation
-
MS Word
제목, 머리말, 꼬리말, 각주 및 미주, 목차, 캡션, 인용 기능을 활용하고 줄간격, 등려쓰기, 자간, 행간 등의 단락 값을 조절하여 가독성이 좋은 문서를 작성합니다.
그림, 도형, 스마트아트, 차트, 표를 활용해 데이터를 가시적으로 표현한 문서를 작성합니다. -
MS Excel
함수를 활용하여 값의 변화에 따라 결과값을 자동으로 변경 적용하는 문서를 작성합니다.
필터 및 추출로 필요한 데이터를 선택적으로 활용합니다.
데이터에 따라 적절한 스파크라인을 선택하여 그래프로 변환하며 피벗차트, 피벗테이블을 이용한 보고서를 제작합니다. -
MS Power Point
전체 템플릿을 보기좋게 디자인하고 화면 전환효과 및 자동/수동 애니메이션을 활용하여 재미있는 PPT를 제작합니다.
슬라이드 노트를 활용하여 각 슬라이드 당 프레젠테이션 소요시간을 조절하여 발표 시간에 맞는 슬라이드쇼를 제작합니다. -
MS Access
테이블에 데이터를 입력해 데이터베이스를 추가하고 관리합니다.
-
Hancom office
보고서를 작성하고 양식에 맞게 줄간격, 문단, 여백을 조정합니다. 쪽 모양을 지정하여 보고서 템플릿을 제작합니다.
라벨을 제작하고 알맞은 라벨지에 출력합니다.
매크로를 정의/실행합니다. -
SAP ERP
sap에서 자산회계(AA), SAP 고객 관계 관리(SAP CRM), 인사(HR) 및 재무회계(FI) 모듈의 일부를 다룰 수 있습니다.
-
Ability
-
to film
-
Speech
-

UI/UX
-
DOY 포트폴리오 웹 사이트
썸네일 이미지
-
개인 포트폴리오 사이트를 기획/제작하였습니다.
디자인 시안을 설계하고, 시안과 일치하는 웹사이트를 마크업했습니다.
CSS 와 java script 를 이용해 인트로 화면 애니메이션을 제작하고, 각종 스크롤 이벤트나 클릭 이벤트를 적용하여 역동적인 느낌을 추가했습니다.
- URL
- http://doy.co.kr/
- 주요기능
- 포트폴리오 작품 갤러리 및 자기소개, 연락처 등
- 제작일
- 2022.11
- tool
- HTML5, CSS3, JS, jQuery, Photoshop
-
'EMONS' 홈페이지
썸네일 이미지
-
유명 포털사이트인 'DAUM'의 로그인 페이지를 반응형으로 제작하는 실습을 통해 디자인 구현하였습니다.
웹 표준에 맞는 HTML 마크업 및 반응형 CSS 디자인 구축을 진행하면서, 관리자 입장에서 최대한 유지 및 보수가 용이하도록 코드를 작성하였습니다.
사용자 입장에서 편리하게 사용할 수 있는 UI 디자인의 개념을 이해하고 학습했습니다.
- URL
- http://doy.co.kr/web/emons_home_imi
- 주요기능
- 아이디, 비밀번호 입력 / 광고배너 / 고객센터 바로가기 / 아이디, 비밀번호 찾기 / 메인홈으로 가기
- 제작일
- 2022.10
- tool
- HTML5, CSS3
-
'DAUM' 반응형 로그인 페이지
썸네일 이미지
-
유명 포털사이트인 'DAUM'의 로그인 페이지를 반응형으로 제작하는 실습을 통해 디자인 구현하였습니다.
웹 표준에 맞는 HTML 마크업 및 반응형 CSS 디자인 구축을 진행하면서, 관리자 입장에서 최대한 유지 및 보수가 용이하도록 코드를 작성하였습니다.
사용자 입장에서 편리하게 사용할 수 있는 UI 디자인의 개념을 이해하고 학습했습니다.
- URL
- http://doy.co.kr/web/daum_rogin_imi
- 주요기능
- 아이디, 비밀번호 입력 / 광고배너 / 고객센터 바로가기 / 아이디, 비밀번호 찾기 / 메인홈으로 가기
- 제작일
- 2022.10
- tool
- HTML5, CSS3
Video
DOY 포트폴리오 Video
view details
작품명
view details
-
작품명: [CG작업]Dessert Festival 축제 홍보 animation
제작일: 2022.08
소요시간: 2일
영상길이: 1 minute
제작의도: 디저트 페스티벌 축제 홍보영상 제작을 위해 CG 작업 진행하였습니다. 시청자가 호기심을 갖고 시청할 수 있도록 애니메이션을 활용하여 시선을 끌었습니다. 가장 중요한 축제 이름, 일시, 장소, 티켓 가격에 대한 정보를 BGM에 맞춰 큰 글씨로 표현해 정보 전달력을 높이고자 하였습니다. 직접 제작한 일러스트를 3D로 배치하고 camera와 point light, ambient light를 이용해 역동적인 애니메이션을 제작하였습니다. 일러스트의 컨셉에 맞게 그림자는 제거하였습니다. Pre-compose로 만든 일러스트 애니메이션 영상을 3D로 배치해서 Typography 애니메이션과 결합하였습니다. track matt를 통한 transition으로 중요도가 낮은 부수요소를 자연스럽게 in/out하여 시선이 분산되지 않도록 했습니다.
-
작품명
view details
-
작품명: [CG작업]Dessert Festival 축제 홍보 animation
제작일: 2022.08
소요시간: 2일
영상길이: 1 minute
제작의도: 디저트 페스티벌 축제 홍보영상 제작을 위해 CG 작업 진행하였습니다. 시청자가 호기심을 갖고 시청할 수 있도록 애니메이션을 활용하여 시선을 끌었습니다. 가장 중요한 축제 이름, 일시, 장소, 티켓 가격에 대한 정보를 BGM에 맞춰 큰 글씨로 표현해 정보 전달력을 높이고자 하였습니다. 직접 제작한 일러스트를 3D로 배치하고 camera와 point light, ambient light를 이용해 역동적인 애니메이션을 제작하였습니다. 일러스트의 컨셉에 맞게 그림자는 제거하였습니다. Pre-compose로 만든 일러스트 애니메이션 영상을 3D로 배치해서 Typography 애니메이션과 결합하였습니다. track matt를 통한 transition으로 중요도가 낮은 부수요소를 자연스럽게 in/out하여 시선이 분산되지 않도록 했습니다.
-
작품명
view details
-
작품명: [CG작업]Dessert Festival 축제 홍보 animation
제작일: 2022.08
소요시간: 2일
영상길이: 1 minute
제작의도: 디저트 페스티벌 축제 홍보영상 제작을 위해 CG 작업 진행하였습니다. 시청자가 호기심을 갖고 시청할 수 있도록 애니메이션을 활용하여 시선을 끌었습니다. 가장 중요한 축제 이름, 일시, 장소, 티켓 가격에 대한 정보를 BGM에 맞춰 큰 글씨로 표현해 정보 전달력을 높이고자 하였습니다. 직접 제작한 일러스트를 3D로 배치하고 camera와 point light, ambient light를 이용해 역동적인 애니메이션을 제작하였습니다. 일러스트의 컨셉에 맞게 그림자는 제거하였습니다. Pre-compose로 만든 일러스트 애니메이션 영상을 3D로 배치해서 Typography 애니메이션과 결합하였습니다. track matt를 통한 transition으로 중요도가 낮은 부수요소를 자연스럽게 in/out하여 시선이 분산되지 않도록 했습니다.
-
작품명
view details
-
작품명: [CG작업]Dessert Festival 축제 홍보 animation
제작일: 2022.08
소요시간: 2일
영상길이: 1 minute
제작의도: 디저트 페스티벌 축제 홍보영상 제작을 위해 CG 작업 진행하였습니다. 시청자가 호기심을 갖고 시청할 수 있도록 애니메이션을 활용하여 시선을 끌었습니다. 가장 중요한 축제 이름, 일시, 장소, 티켓 가격에 대한 정보를 BGM에 맞춰 큰 글씨로 표현해 정보 전달력을 높이고자 하였습니다. 직접 제작한 일러스트를 3D로 배치하고 camera와 point light, ambient light를 이용해 역동적인 애니메이션을 제작하였습니다. 일러스트의 컨셉에 맞게 그림자는 제거하였습니다. Pre-compose로 만든 일러스트 애니메이션 영상을 3D로 배치해서 Typography 애니메이션과 결합하였습니다. track matt를 통한 transition으로 중요도가 낮은 부수요소를 자연스럽게 in/out하여 시선이 분산되지 않도록 했습니다.
-
Artworks
작품명
view details
-
작품명: [광고배너]100만 가입 축하 이벤트
2022.08 제작
1시간 소요
500 * 700 px
실습으로 예제 모작한 이미지입니다. 가장 중요한 정보의 크기를 키우고,
중요도가 낮은 내용은 글자의 굵기 및 크기를 줄여 가독성을 높이고자 하였습니다.
채도와 명도가 유사한 컬러를 사용하여 밸런스가 무너지는 것을 방지하고자 했습니다.
-
작품명
view details
-
작품명: [광고배너]100만 가입 축하 이벤트
2022.08 제작
1시간 소요
500 * 700 px
실습으로 예제 모작한 이미지입니다. 가장 중요한 정보의 크기를 키우고,
중요도가 낮은 내용은 글자의 굵기 및 크기를 줄여 가독성을 높이고자 하였습니다.
채도와 명도가 유사한 컬러를 사용하여 밸런스가 무너지는 것을 방지하고자 했습니다.
-
작품명
view details
-
작품명: [광고배너]100만 가입 축하 이벤트
2022.08 제작
1시간 소요
500 * 700 px
실습으로 예제 모작한 이미지입니다. 가장 중요한 정보의 크기를 키우고,
중요도가 낮은 내용은 글자의 굵기 및 크기를 줄여 가독성을 높이고자 하였습니다.
채도와 명도가 유사한 컬러를 사용하여 밸런스가 무너지는 것을 방지하고자 했습니다.
-
작품명
view details
-
작품명: [광고배너]100만 가입 축하 이벤트
2022.08 제작
1시간 소요
500 * 700 px
실습으로 예제 모작한 이미지입니다. 가장 중요한 정보의 크기를 키우고,
중요도가 낮은 내용은 글자의 굵기 및 크기를 줄여 가독성을 높이고자 하였습니다.
채도와 명도가 유사한 컬러를 사용하여 밸런스가 무너지는 것을 방지하고자 했습니다.
-
작품명
view details
-
작품명: [광고배너]100만 가입 축하 이벤트
2022.08 제작
1시간 소요
500 * 700 px
실습으로 예제 모작한 이미지입니다. 가장 중요한 정보의 크기를 키우고,
중요도가 낮은 내용은 글자의 굵기 및 크기를 줄여 가독성을 높이고자 하였습니다.
채도와 명도가 유사한 컬러를 사용하여 밸런스가 무너지는 것을 방지하고자 했습니다.
-
작품명
view details
-
작품명: [광고배너]100만 가입 축하 이벤트
2022.08 제작
1시간 소요
500 * 700 px
실습으로 예제 모작한 이미지입니다. 가장 중요한 정보의 크기를 키우고,
중요도가 낮은 내용은 글자의 굵기 및 크기를 줄여 가독성을 높이고자 하였습니다.
채도와 명도가 유사한 컬러를 사용하여 밸런스가 무너지는 것을 방지하고자 했습니다.
-
작품명
view details
-
작품명: [광고배너]100만 가입 축하 이벤트
2022.08 제작
1시간 소요
500 * 700 px
실습으로 예제 모작한 이미지입니다. 가장 중요한 정보의 크기를 키우고,
중요도가 낮은 내용은 글자의 굵기 및 크기를 줄여 가독성을 높이고자 하였습니다.
채도와 명도가 유사한 컬러를 사용하여 밸런스가 무너지는 것을 방지하고자 했습니다.
-
Office automation
작품 준비 중입니다👩🔧
조금만 기다려 주세요~💕
Contact
E-MAIL
- doy28@naver.com
- admin@doy.co.kr
Phone
- 010-2717-7052
저에게 하고 싶은
이야기가 있으신가요?
회신받으실 연락처와 메세지를 남겨주시면
빠른 시일 내에 회신드리겠습니당!😊