About Me

  • "도전의 가치"

    피아노 강사라는 안정적인 직업이 있었음에도,작곡가로서의 앨범도 준비하는 등
    활발한 활동을 해왔습니다. 앨범 영상과 자켓을 준비하면서 자연스럽게 웹디자인이나
    웹 퍼블리셔에 관심이 생겼고, 영상작업과 더불어 다양한 콘텐츠를 창작할수 있다
    라는 점이 저에게는 직무변경의 큰 반환점으로 다가왔습니다.
    2D 그래픽 디자인과 UI/UX 디자인을 배우면서 웹 언어도 함께 배우게 되었고,
    저의 적성과 직무수행능력에 비교해 본 결과, 웹 언어를 사용하는 웹 퍼블리셔에 도전하게 되었습니다.

  • "노력의 가치"

    웹 표준 접근성을 고려한 HTML 작성과 알맞은 CSS의 표현,
    jQuery 동작 명령으로 안정적인 사이트 구현을 목표로 합니다.
    웹 사이트를 보다 직관적이고 보기 쉽게 제작해 웹 이용에 대한 어려움이 생기지 않도록 제작합니다.
    웹 접근성 또한 올바르게 준수하며, 사용자의 측면에서 보다 편리하고 만족함을 얻기 위해
    사이트를 제작하려고 노력합니다.

  • "꾸준함의 가치"

    평소 신중한 성격으로 하고 싶은 일이 있다면, 그에 대한 정보와 조언을 찾기도 합니다.
    하지만 추진력 또한 강하여, 맞는 일이다 싶으면 곧바로 실행합니다.
    하는 일에 안주하지 않고 자기계발을 위해 항상 배움을 가까이하며, 하고 싶은 일은 꼭 해내고야 만다라는 끈기로
    꾸준히 노력합니다.

Edu&License

[UI/UX디자인&퍼블리셔 교육과정]

  • 2D 그래픽 디자인

    프로토 타입 및 시안 제작과 심벌 로고 아이콘 제작,수정

  • 웹 콘텐츠 요구 분석 및 기획

    사용자의 요구사항을 파악하고 분석을 토대로 기획한 디자인을 시각화 및 사용성 테스트

  • 웹 퍼블리싱

    HTML의 정의 및 기본명령어를 파악.
    웹 접근성을 준수한 사이트 구현을 위한 CSS 표현 및 시나리오 제작

  • 웹 UI디자인

    UI 설계 후, 디자인 콘셉트를 도출하며, 도춘된 콘셉트를 바탕으로 UI구현 표준을 수립, 제작.
    구현된 UI를 검증하기 위해 사용성 테스트를 계획, 수행, 분석.

  • 수정, 보완 및 반응형 웹 구현

    구현 단계에서 만들어진 웹 콘텐츠를 기반으로 사용성 요와 기능적 요소의 보완사항을 파악.
    파악된 결함 및 보완사항을 수정

[이수한 자격증]

목록취득년도
중등 실기교사 자격증2010년
프랑스어 B12019년
스쿠버 다이빙-오픈워터2019년
CRS토파스발권 1급2020년
GTQ 포토샵 자격증 1급2020년
웹 디자인 기능사2020년

Web Skill

  • Photoshop & Illustrator

    2D 그래픽 디자인 프로그램을 자유롭게 사용하고 다루며,
    사진이나 이미지,로고 및 아이콘 등을 적절하게 편집 또는 제작합니다.
    사용자들이 시각적으로 쉽게 사이트를 사용 할 수 있도록
    이미지 제공을 합니다.

  • Html,CSS & jQuery

    사용자들의 요구사항을 기반으로 웹 표준 접근성을 준수하고,
    정확한 정보전달을 위한 논리적인 태그적용,
    적절한 레이아웃 구성과 스타일 표현으로
    사이트를 설계합니다.
    또한, 동적인 구현을 위한 정확한 시나리오를 작성하여
    다양한 환경에서의 안정적인 사이트 사용을
    높히기 위해 정보의 흐름을 용이하게 구현합니다.

  • Photoshop

    포토샵 수준 우수

  • Illustrator

    일러스트 수준 우수

  • Html

    html 수준 우수

  • CSS

    css 수준 우수

  • jQuery

    jquery 수준 보통

*기술 숙련도: 100%-매우우수 80%-우수 60%-보통 40%-미흡 20%- 매우 미흡

Portfolio

KCC 프로젝트

kcc 사이트 구현이미지

SHOWBOX

쇼박스 사이트 구현이미지

OST x Minions콜라보레이션

ost minions콜라보레이션 사이트 구현이미지

쇼박스 리뉴얼

'쇼박스’는 한국의 최대 영화 제작사 및 배급사 입니다.
사용자들이 현재 상영작 및 개봉예정인 영화들을
보다 쉽고 직관적으로 편리하게 검색하여 최고의 즐거움과
행복을 누릴 수 있도록 가상으로 리뉴얼 하였습니다.

type responsible date 2020년 6월 program photoshop,illustrator,
						html, css, jQuery

  • Color

    영화관을 연상케 하는 블랙 컬러를 주조색으로 사용하여 몰입감을
    유도하고 쇼박스 로고에 자주 등장하는 주황색을 사용하여
    직관적으로 사이트를 사용할 수 있는 컬러조합을 선택 하였습니다.
    사이트를 오래 사용해도 눈이 편안할 수 있도록
    회색컬러를 서브컬러로 사용 하였습니다.

    background검은색 maincolor 주황색 subcolor 회색 노란색

  • fonts

    한글에 사용된 나눔고딕 서체와 영문에 사용된
    Roboto 서체는 돌출형태나 깨짐현상이 없어
    사용자가 정보를 읽기 쉽습니다.

    나눔고딕 roboto서체 예시

W3C Markup 검증을 통한 규약 준수,이미지의 대체 텍스트 사용과 효과적인 Html태그 이용,정보에 맞는 레이블링 적용 및 정확한 스타일 구현
							동작 연출을 위한 시나리오 작성 및 구현

컴퓨터,테블릿,모바일 에서의 쇼박스 사이트 화면

ost,minions 콜라보레이션 리뉴얼

OST는 악세사리 및 시계 브랜드 로써
젊은 세대부터 모든 세대에게 사랑을 받고 있는 브랜드입니다.
평소 OST는 다른 제품과 콜라보레이션을 많이 진행하여
사람들에게 친근한 이미지를 많이 선사합니다.
진행하는 콜라보레이션 중 미니언즈를 선택해 사이트를 구현하였습니다.

type responsible date 2020년 6월 program photoshop,illustrator,
						html, css, jQuery

  • Color

    영화 ‘미니언즈’의 대표 색깔인 노란색을 background와
    메인컬러로 선택해 동적인 이미지를 표현 하였고, OST의 제품에
    대표 배경이 되는 하늘색과 분홍색을 사용하여 악세사리의
    따뜻한 느낌과 차분한 느낌을 동시에 표현하였습니다.

    background노란색 textcolor 검은색 subcolor 하늘색 분홍색

  • fonts

    한글 설명글에는 깨짐없이 쉽게 읽기 위한 편안한 서체의
    나눔고딕서체를 사용하였고, 동적인 느낌을 주기 위해
    마포 배낭여행을 서체를 사용하였습니다. 영문 또한 마포 배낭여행
    서체를 사용하여 귀여운 이미지를 표현하였습니다.

    나눔고딕 roboto서체 예시

W3C Markup 검증을 통한 규약 준수,이미지의 대체 텍스트 사용과 효과적인 Html태그 이용,정보에 맞는 레이블링 적용 및 정확한 스타일 구현
							동작 연출을 위한 시나리오 작성 및 구현

컴퓨터,테블릿,모바일 에서의 ost 미니언즈 콜라보레이션 사이트 화면

contact me

T h a n k y o u f o r
w a t c h i n g

Jeong Hye Rim

E-mail:[email protected]

steadyrim

Attention

해당 사이트는 1100px이상 해상도에 최적화 되어있습니다.
다소 불편하시더라도 모니터 해상도를 1100px이상으로 설정 해 주시거나,
브라우저 창 넓이 값을 1100px이상으로 리사이즈 해서 이용 하실 수 있습니다.