logo

ABOUT page1_line page1_fruit1 fruit1copy.png fruit1copy.png

POP-UP page1_line page1_fruit2 fruit1copy.png fruit1copy.png

BANNER page1_line page1_fruit3 fruit1copy.png fruit1copy.png

ICON page1_line page1_fruit4 fruit1copy.png fruit1copy.png

WEB page1_line page1_fruit5 fruit1copy.png fruit1copy.png

MOBILE page1_line page1_fruit6 fruit1copy.png fruit1copy.png

CONTACT page1_line page1_fruit7 fruit1copy.png fruit1copy.png

handwriting 스크롤 다운 아이콘
page2_intro_background rocket horizonal_rocket.gif curved_rocket.gif meteor.gif
rocketLauncher
profile_highlight page2_later_background

Profile

page2_camera

:PERSONALS pen_icon

이정욱 LEE JUNG WOOK

1994.06.15

010-6380-1427

ljw9406@naver.com

:EDUCATION pen_icon

2023.01 그린컴퓨터아카데미(성남) 웹디자인/웹퍼블리셔 과정 수료

2022.03~ 한국방송통신대학교 통계·데이터과학과

2014.03~2014.09 성결대학교 경영학과

2013.02 보정고등학교 졸업

:CERTIFICATE pen_icon

웹디자인 기능사 필기(예정)

page2_newspaper page2_profile_image page2_clip page2_tape page2_idea

publisher

page2_arrow_left

DESIGNER
TOO!

page2_arrow_right

" IDEA BANK "

pen_icon EXPERIENCE:

2021.10~2022.05 Almond Media

2021.09~2022.03 IO Shop(Part Time)

2021.05~2021.06 Ddeli F&B

pen_icon CHARACTER:

창의적, 감각적, 꼼꼼함, 성실함

pen_icon SKILLS:

figma

photoshop

illustration

html, css

javascript

jquery

music page2_look_up page2_look_up page2_look_up page2_pictures page2_line page2_line page2_line page2_line page2_line page2_line page2_grade1 page2_grade2 page2_grade3 page2_grade4 page2_grade5 page2_grade5
page3_background
coding1 coding1 coding1

WEB ABILITY

page3_star.gif
  • HTML

    92%

    HTML5를 이용한 적절한 태그 구성이 가능하며
    홈페이지를 보는 사용자들로 하여금 웹접근성을
    높여 줄 수 있는 태그 구성이 가능합니다. 디자인
    맥락을 파악하여 상황에 맞는 태그를 구성하여 UI
    제작 가능합니다. 사용성 부분에서 적절한 태그를
    사용하여 UX를 높여줄 수 있는 태그 구성이 가능
    합니다.

  • CSS

    95%

    CSS3 속성을 사용하여 여러 브라우저에서 다양한
    스타일이 보여질 수 있도록 CSS 구성이 가능합니다.
    레이아웃 배치나 포지션 속성에 대한 전반적인 개념을
    잘 이해하고 있으며 여러 방향으로 다양하게 레이아웃
    변형 및 세부적인 스타일 설정이 가능합니다. 스타일
    속성을 사용하여 텍스트 변형이나 애니메이션 효과 및
    필요한 애니메이션을 직접 제작 할 수 있습니다.

  • JAVASCRIPT

    82%

    자바스크립트를 이용한 다양한 데이터 형태와 객체 함수
    배열 등의 기본 개념을 이해하고있습니다. 객체의 개념을
    활용하여 오브젝트를 생성하여 동적으로 필요한 컨텐츠를
    추가하거나 삭제 수정이 가능합니다. 함수를 이용하여 동
    작에 맞는 다양한 이벤트를 만들 수 있습니다. CSS와 HT
    ML를 연동하여 사용자의 이벤트에 대한 자체적인 애니메
    이션 효과를 제작할 수 있습니다.

  • JQUERY

    87%

    자바스크립트를 더 쉽게 사용할 수 있는 jQuery
    라이브러리 언어를 사용하여 HTML문서구조를
    쉽게 제어할 수 있으며, 필요에 따라 JAVASCRIPT
    및 JQuery API를 연동하여 원하는 슬라이드를
    구현할 수 있습니다. 제이쿼리 문법을 잘이해하고
    있으며 자바스크립를 대체해 더 유연하게 사용할 수
    있습니다.

page3_score_circle page3_score_circle page3_score_circle page3_score_circle
움직이는 종이 하얀색 움직이는 종이 하얀색 움직이는 종이 파란색 움직이는 종이 파란색 움직이는 종이 핑크색 움직이는 종이 핑크색 움직이는 종이 하얀색 움직이는 종이 하얀색 움직이는 종이 파란색 움직이는 종이 파란색 움직이는 종이 핑크색 움직이는 종이 핑크색 움직이는 종이 하얀색 움직이는 종이 하얀색 움직이는 종이 파란색 움직이는 종이 파란색
page4_later_contents_background page4_note

CONTENTS

1. POP-UP

2. BANNER

+ ICONS

4. WEB RENEWAL

5. MOBILE PAGE

※CONTACT ME!

' ROYAL CANIN '

page4_arrow.png page4_crown.png sparkle stampress
page8_background crumppled_paper
icon_background

ICONS

point color: #0078b92

icon size: 50 x 50 px

typography: Shadows Into Light

제가 직접 만든 아이콘입니다^^ icon1

CLOCK

icon2

NEWS

icon3

SEARCH

icon4

UPLOAD

icon5

LANGUAGE

icon6

MORE

icon7

RUGBY

icon8

ORDER

icon9

SHARE

Custom Pet Food

ROYAL CANIN

UI/UX Renewal Design

기여도: 개인 100%

작업 기간: 2022.10 ~ 2022.12

사용 도구: Adobe Photoshop, Adobe Illustrator

Overview

로얄캐닌은 반려견과 반려묘를 위한 맞춤 영양 사료를 만드는 회사입니다.
하지만 기존의 사용자들에게는 사용하기 불편한 UX와 최신의 디자인에
맞지 않은 UI를 개선하고자 리디자인 프로젝트를 진행하게 되었습니다.

petfood2 catEntering idea 움직이는 왕관 반짝반짝 효과

WEB

page_web_left page_web_right

' ROYAL CANIN '

MY WORK!

MOBILE

asset_20100.jpg rocket_mobile.gif
final_left final_right

중요한건 꺾이지 않는 마음

꺾이지 않는 마음으로 나아가겠습니다.
감사합니다.

이메일: ljw9406@naver.com

연락처: 010-6380-1427

포트폴리오 기여도: 본인 100%
wing_left wing_right light fire_bottom.png