doy portfolio

DOY PORTFOLIO

Ability

  • #UI/UX
  • #Video
  • #Artworks
  • #OA
  • #UI/UX
입장하기

Greeting

안녕하세요!
늘 새로운 도전을 즐기고 발전하는
김도이입니다😊

긍정적이고 밝은 성격으로
어떤 일이든 기쁘게, 최선을 다합니다.

협력과 협동의 소중함을 알고
제게 온 인연들을 아끼고 사랑합니다.

KIMDOY

김도이 사진
  • BIRTH 1996.02.08
  • ADDRESS 서울특별시 동작구
  • CONTACT 010-2717-7052
    doy28@naver.com
    admin@doy.co.kr
  • SNS instagram youtube kakaotalk

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
      VIEW SITE
  • 'EMONS' 홈페이지

    • 썸네일 이미지
    • 유명 포털사이트인 'DAUM'의 로그인 페이지를 반응형으로 제작하는 실습을 통해 디자인 구현하였습니다.

      웹 표준에 맞는 HTML 마크업 및 반응형 CSS 디자인 구축을 진행하면서, 관리자 입장에서 최대한 유지 및 보수가 용이하도록 코드를 작성하였습니다.

      사용자 입장에서 편리하게 사용할 수 있는 UI 디자인의 개념을 이해하고 학습했습니다.

      • URL
      • http://doy.co.kr/web/emons_home_imi
      • 주요기능
      • 아이디, 비밀번호 입력 / 광고배너 / 고객센터 바로가기 / 아이디, 비밀번호 찾기 / 메인홈으로 가기
      • 제작일
      • 2022.10
      • tool
      • HTML5, CSS3
      VIEW SITE
  • 'DAUM' 반응형 로그인 페이지

    • 썸네일썸네일 이미지
    • 유명 포털사이트인 'DAUM'의 로그인 페이지를 반응형으로 제작하는 실습을 통해 디자인 구현하였습니다.

      웹 표준에 맞는 HTML 마크업 및 반응형 CSS 디자인 구축을 진행하면서, 관리자 입장에서 최대한 유지 및 보수가 용이하도록 코드를 작성하였습니다.

      사용자 입장에서 편리하게 사용할 수 있는 UI 디자인의 개념을 이해하고 학습했습니다.

      • URL
      • http://doy.co.kr/web/daum_rogin_imi
      • 주요기능
      • 아이디, 비밀번호 입력 / 광고배너 / 고객센터 바로가기 / 아이디, 비밀번호 찾기 / 메인홈으로 가기
      • 제작일
      • 2022.10
      • tool
      • HTML5, CSS3
      VIEW DETAIL

Video

  • video_1 DOY 포트폴리오 Video
    view details
  • video_1 작품명
    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하여 시선이 분산되지 않도록 했습니다.

  • video_1 작품명
    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하여 시선이 분산되지 않도록 했습니다.

  • video_1 작품명
    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하여 시선이 분산되지 않도록 했습니다.

  • video_1 작품명
    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

  • artworks_1 작품명
    view details
    • artworks_1

      작품명: [광고배너]100만 가입 축하 이벤트

      2022.08 제작

      1시간 소요

      500 * 700 px

      실습으로 예제 모작한 이미지입니다. 가장 중요한 정보의 크기를 키우고,
      중요도가 낮은 내용은 글자의 굵기 및 크기를 줄여 가독성을 높이고자 하였습니다.
      채도와 명도가 유사한 컬러를 사용하여 밸런스가 무너지는 것을 방지하고자 했습니다.

  • artworks_1 작품명
    view details
    • artworks_1

      작품명: [광고배너]100만 가입 축하 이벤트

      2022.08 제작

      1시간 소요

      500 * 700 px

      실습으로 예제 모작한 이미지입니다. 가장 중요한 정보의 크기를 키우고,
      중요도가 낮은 내용은 글자의 굵기 및 크기를 줄여 가독성을 높이고자 하였습니다.
      채도와 명도가 유사한 컬러를 사용하여 밸런스가 무너지는 것을 방지하고자 했습니다.

  • artworks_1 작품명
    view details
    • artworks_1

      작품명: [광고배너]100만 가입 축하 이벤트

      2022.08 제작

      1시간 소요

      500 * 700 px

      실습으로 예제 모작한 이미지입니다. 가장 중요한 정보의 크기를 키우고,
      중요도가 낮은 내용은 글자의 굵기 및 크기를 줄여 가독성을 높이고자 하였습니다.
      채도와 명도가 유사한 컬러를 사용하여 밸런스가 무너지는 것을 방지하고자 했습니다.

  • artworks_1 작품명
    view details
    • artworks_1

      작품명: [광고배너]100만 가입 축하 이벤트

      2022.08 제작

      1시간 소요

      500 * 700 px

      실습으로 예제 모작한 이미지입니다. 가장 중요한 정보의 크기를 키우고,
      중요도가 낮은 내용은 글자의 굵기 및 크기를 줄여 가독성을 높이고자 하였습니다.
      채도와 명도가 유사한 컬러를 사용하여 밸런스가 무너지는 것을 방지하고자 했습니다.

  • artworks_1 작품명
    view details
    • artworks_1

      작품명: [광고배너]100만 가입 축하 이벤트

      2022.08 제작

      1시간 소요

      500 * 700 px

      실습으로 예제 모작한 이미지입니다. 가장 중요한 정보의 크기를 키우고,
      중요도가 낮은 내용은 글자의 굵기 및 크기를 줄여 가독성을 높이고자 하였습니다.
      채도와 명도가 유사한 컬러를 사용하여 밸런스가 무너지는 것을 방지하고자 했습니다.

  • artworks_1 작품명
    view details
    • artworks_1

      작품명: [광고배너]100만 가입 축하 이벤트

      2022.08 제작

      1시간 소요

      500 * 700 px

      실습으로 예제 모작한 이미지입니다. 가장 중요한 정보의 크기를 키우고,
      중요도가 낮은 내용은 글자의 굵기 및 크기를 줄여 가독성을 높이고자 하였습니다.
      채도와 명도가 유사한 컬러를 사용하여 밸런스가 무너지는 것을 방지하고자 했습니다.

  • artworks_1 작품명
    view details
    • artworks_1

      작품명: [광고배너]100만 가입 축하 이벤트

      2022.08 제작

      1시간 소요

      500 * 700 px

      실습으로 예제 모작한 이미지입니다. 가장 중요한 정보의 크기를 키우고,
      중요도가 낮은 내용은 글자의 굵기 및 크기를 줄여 가독성을 높이고자 하였습니다.
      채도와 명도가 유사한 컬러를 사용하여 밸런스가 무너지는 것을 방지하고자 했습니다.

Office automation

작품 준비 중입니다👩‍🔧
조금만 기다려 주세요~💕

Contact

  • E-MAIL

    • doy28@naver.com
    • admin@doy.co.kr
  • Phone

    • 010-2717-7052

저에게 하고 싶은
이야기가 있으신가요?

회신받으실 연락처와 메세지를 남겨주시면
빠른 시일 내에 회신드리겠습니당!😊

Quick Message
  • SUBJECT

    NAME

    CONTACT

    MESSAGE

    * 5자 이상 입력해주세요😊