I'm your Joy!

즐거움을 선물하는 퍼블리셔

"웃음을 나누는 사람"

저는 사람들의 웃음엔 힘이 있다고 생각합니다.
삶을 살아가면서 어떤 어려움이나 역경을 맞이해도 한번의 미소와 긍정적인 태도를 가진다면
무엇이든 이겨 낼 수 있다는 믿음이 있습니다. 그렇기에 저는 제 주변 사람들에게도, 더 나아가
사용자들에게도 웃음을 나누어 주는 사람이 되고 싶습니다.

"즐기는 사람"

‘노력하는자는 즐기는 자를 이기지 못한다’는 말이 있습니다.
끝 없는 배움과 변화 속에서도 노력과 함께 즐기는 자세로 임하겠습니다.

보유 스킬
학력 및 수료

2020.07 ~ 2020.12
더조은 아카데미
웹디자인(퍼블리셔) 프론트엔드 과정 수료

2015.03 ~
대진대학교 미디어커뮤니케이션학과

01. 팀 프로젝트

: PERAL resort

웹사이트로 이동
  • About

    ‘Modern in Nature’ 자연 속의 모던함을 표현한 컨셉으로
    복합 리조트를 직접 브랜딩하여 제작한 웹사이트 입니다.

    기획 단계부터 완성까지 14일간의 제작기간이 걸렸고,
    총 5명의 팀원과 협업하였습니다.
    모든 팀원이 기획-디자인-코딩 전 과정에 참여하여 완성했습니다.

  • Design & Coding

    리조트 전경 이미지를 상단에 배치하여 전체 레이아웃을 구성하였습니다.

    비교적 간단한 레이아웃의 구성이므로 jQuery를 활용한 tabmenu,
    자동 slide, 버튼 slide 등 세부적인 효과에 신경을 써서 코딩하였습니다.
    전체 웹사이트에 들어간 버튼도 hover 시 메인 컬러 타입의 색상으로 변하게
    CSS를 적용시켰고, 스파 및 스키의 서브 페이지에서는 사진 위에 hover 시
    텍스트 박스가 slide down 되도록 하였습니다.

Color Type
  • #d1c0a5

  • #323131

Font Type

02. 반응형 웹

: Jo Malone

Design & Coding

심플한 레이아웃과 제품을 부각시킬 수 있는 이미지를 주로 사용하여
직관적인 UI/UX를 디자인하였습니다.

반응형 웹 이므로 1920px부터 시작하여 윈도우 넓이를 줄여가며
페이지를 제작했습니다. 미디어쿼리를 이용해 총 3가지의 뷰포인트로
완성했으며 가장 작은 뷰포인트는 모바일에 적용되도록 만들었습니다.
또한 페이지의 심플함을 살리기 위해 부수적인 효과는 배제하고
버튼 hover시 색상 변경 될 수 있도록 CSS를 사용했습니다.

Font Type
Color Type
  • #000000

  • #333333

  • #ffffff

03. jQuery

: Kakao Halloween

Design & Coding

귀여운 카카오의 캐릭터와 할로윈의 분위기가 잘 어우러질 수 있도록
발랄한 색감과 경쾌한 느낌의 폰트를 사용하여 UI/UX를 디자인하였습니다.

jQuery 요소를 많이 활용하여 만든 웹 사이트 입니다.
메인 페이지에서는 animate 효과를 사용하여 캐릭터와 배경 일러스트
요소에 움직임을 주었고, 첫번째 go 페이지에서는 자동 slide를,
두번째 go 페이지에서는 tabmenu를 제작하여 페이지를 구성하였습니다.

Font Type
Color Type
  • #a992c6

  • #472b75

  • #ff9f00

04. UI/UX 1

: Orion

Design & Coding

페이지 전체적으로 일러스트 요소를 사용하여 귀엽고 통통 튀는 느낌을
살렸고 파스텔 톤의 컬러 타입을 설정하여 따뜻한 분위기를 형성하였습니다.

메인의 일러스트 요소들은 CSS의 animate 속성을 사용하여 각각 움직임을
주었고, 본문 전반적으로 등장하는 박스 형태의 섹션 구성은 grid를 활용하여
코딩하였습니다.

Font Type
Color Type
  • #73c6d6

  • #fda4a3

  • #fff3d9

05. UI/UX 2

: 창작과 비평

Design & Coding

창작과 비평 기존의 로고 색상에 맞춰 전체적인 컬러 타입을 설정하고
직접 제작한 메인 배너를 사용하여 UI/UX를 구성하였습니다.

jQuery를 사용하여 메인 배너가 자동으로 slide 되고, 베스트셀러 섹션은
좌,우 버튼을 클릭하여 slide 될 수 있도록 제작하였습니다.

Font Type
Color Type
  • #5ba6c5

  • #5ba6c5

  • #f6f8f7

06. 스마트 디바이스

: Color Map

: Jop Finder

E P I L O G U E

"새로운 시작은 언제나 설렘으로 다가옵니다"

새 학기 첫 날, 인생 첫 여행, 첫 사랑, 처음 웹에 발을 들인 순간까지 새로운 시작은 모두 저에게 커다란
설렘으로 다가왔습니다. 그 두근거림과 즐거운 마음이 있었기에 지금까지 지치지 않고 달려올 수 있었습니다.

웹이란 지금 이 순간에도 끊임없이 변화하고 발전하기에 저에겐 마치 매일이 새로운 시작과 같다고 생각합니다.
계속되는 시작을 버겁거나 막막하게 생각하지 않고 설렘으로 받아들일 줄 아는 퍼블리셔가 되겠습니다.

I'm your Joy!