Loading

Yeonji's
PORTFOLIO

Makes Happy With Design :) me

연지의 홈페이지에 오신걸 환영합니다 창닫기 하루동안 창 닫기

PROFILE

me
  • ABOUT
  • Name
    김연지 (1996.07.23)
  • Phone
    010 - 7675 - 3127
  • Email
    yeonji3127@gmail.com
  • Address
    서울시 관악구 신림동
  • Education
    서울문영여자고등학교 졸업
  • CAREER & LICENSE
  • 더조은웹디자인 전문교육기관
  • 디지털웹&앱디자인 700시간 수료
  • 컴퓨터그래픽스운용기능사 (필기합격)
  • 워드프로세서 1급
  • 문서실무사 1급
  • ADVANTAGE
  • 남아서 끝까지 하는 의지
  • 한번 시작하면 성공시키고마는 끈기
  • 맡은 일은 성실히 하는 책임감
  • 무엇이든 할 수 있는 긍정적인 마인드
  • 동글동글 원만한 대인관계
Skills
HTML5/css
95%
jQuery
90%
Adobe Photoshop
90%
Adobe Illustrator
95%
Adobe Indesign
90%
  • project-list mobile
  • project-list MSplan
  • project-list PPTplan
  • project-list QR-Code

MOBILE

팀 프로젝트로 완성한 모바일 어플리케이션 입니다.

모바일클릭가이드아이콘 모바일클릭가이드화살표아이콘
Concept 예약과 포장 둘다 가능!

아직 예약 문화와 시스템이 체계화되지 않은 시점에서 SNS와 전화를 통한 예약은 No-Show (예약 후 손님이 식당에 오지 않는 현상)과 같이 생각지 못한 문제점들을 만들어내고 있습니다. 크라미스는 이러한 사회의 변화와 편의에 맞추어 개발한 앱으로 손님이 편하게 식당을 예약하고 포장 주문 할 수 있도록 제작하였습니다.

UX & UI 자주 쓰는 어플처럼!

어플은 사용하기 간단해야한다고 생각합니다. 그래서 비슷한 어플 포잉과 배달의민족을 밴치마킹하여 어플을 제작하였습니다. 자주 쓰는 어플처럼 사용하기 간편하게 만들었습니다.

ADAPT1

computer
cssmain
phone phone
Concept 어떤 기기든 보기 쉽게!

음식점에 무슨 메뉴가 있는지 진행하고 있는 이벤트가 있는지 있으면 무엇인지 항상 궁금해하는 요소였습니다. 저뿐만이 아니라 보통의 사람들이 그렇다고 생각이 들었습니다. 하지만 각기 다른 기기로 확인해봅니다. 어떤 기기로든 보기 쉽게 만들어 보았습니다.

UX & UI 사용자 경험 디자인!

사용자가 사용하기 쉽게 익숙하게끔 디자인하였습니다. 대중적으로 많이 볼 수 있는 레이아웃으로 만들어 사용하기 어렵지 않게 만들었습니다.

CSS

주로 사용하는 카드사 홈페이지 리뉴얼!

밥을 먹을 때도, 음료를 살 때도, 영화를 볼 때도 항상 쓰던 신한카드 웹사이트를 리뉴얼 해보고 싶었습니다. 제가 주로 사용하는 카드이기도 하면서 웹페이지를 방문할 일이 많기 때문에 사용자로서 웹페이지를 사용하기 쉽게 디자인 하고 싶었습니다.

그리드 디자인!

기존 신한카드 웹페이지의 형식으로 레이아웃을 참고하여 형태는 많이 벗어나지 않게 디자인하였습니다. 기존 웹사이트의 크기보다 좀 더 크기를 키워 답답함을 없앴습니다. 어떻게 하면 사용자가 쉽게 사용할 수 있을지 생각하며 메뉴도 라디오로 만들었습니다.

신한카드의 컬러는 BLUE!

신한카드의 컬러가 블루인만큼 전체적으로 블루톤을 사용하였고, 포인트 색상도 블루로 통일하였습니다. 카드사인만큼 색상이 화려하면 눈이 부시거나 아플 수 있다고 생각이 들어 전체적으로 색상은 화려하지 않고 채도가 낮은 색상을 사용하였습니다.

단단하고 견고하게 CLEAR FIX!

최대한 레이아웃이 무너지지 않게 만드려고 노력하였습니다. 처음 만드는 프로젝트이다보니까 생각보다 쉽지 않았습니다. 만들다 레이아웃이 무너지면 가슴도 같이 무너지는 것 같았습니다. 그렇게 여러 시행착오 끝에 무너지지 않는 단단한 홈페이지를 만들었습니다.

jQuery01

주로 사용하는 카드사 홈페이지 리뉴얼!

밥을 먹을 때도, 음료를 살 때도, 영화를 볼 때도 항상 쓰던 신한카드 웹사이트를 리뉴얼 해보고 싶었습니다. 제가 주로 사용하는 카드이기도 하면서 웹페이지를 방문할 일이 많기 때문에 사용자로서 웹페이지를 사용하기 쉽게 디자인 하고 싶었습니다.

그리드 디자인!

기존 신한카드 웹페이지의 형식으로 레이아웃을 참고하여 형태는 많이 벗어나지 않게 디자인하였습니다. 기존 웹사이트의 크기보다 좀 더 크기를 키워 답답함을 없앴습니다. 오직 제이쿼리에서만 적용 가능한 슬라이드 효과를 메인비주얼에 적용하여 이목을 끌게 하였습니다.

신한카드의 컬러는 BLUE!

신한카드의 컬러가 블루인만큼 전체적으로 블루톤을 사용하였고, 포인트 색상도 블루로 통일하였습니다. 카드사인만큼 색상이 화려하면 눈이 부시거나 아플 수 있다고 생각이 들어 전체적으로 색상은 화려하지 않고 채도가 낮은 색상을 사용하였습니다.

재밌고 신기한 제이쿼리

CSS에서는 정적이였다면 jQuery에서는 동적이고 화려하고 신기하고 재미있는 효과들을 적용할 수 있어서 좀 더 흥미로웠던 것 같습니다. 그래서 더 열심히 수업에 참여하였고, 효과를 다양하게 적용해보려고 노력하였습니다.

jQuery02

Concept 알뜰살뜰하게 편의점 쇼핑하기!

편의점은 일상생활에서 자주 방문하는 곳이지만 알뜰하게 활용하지 못할 때가 많습니다. 특히 편의점은 행사나 이벤트를 자주 하기 때문에 잘 활용한다면 돈도 절약할 수 있고, 혜택도 볼 수 있습니다. 편의점을 방문하는 고객들이 알뜰하게 쇼핑을 할 수 있도록 편리하게 만들어보았습니다. 행사나 이벤트 신메뉴를 빠르게 확인할 수 있도록 하였습니다.

Epilogue 고객입장에서 만들어보자!

아무래도 저도 편의점의 고객 중 한명이다보니까 자연스럽게 제가 고객입장에서 있으면 좋을것 같은 기능이나 효과 컨텐츠를 많이 추가하였습니다. 이벤트도 관심이 많기 때문에 이벤트도 확인하기 쉽도록 배치하였습니다.

VIDEO

video main
Concept 당장이라도 꺼내먹고 싶은 환타!

비디오를 본다고 하면 우울한것보다는 상큼발랄한 것을 보고 싶을 것이라는 생각이들었습니다. 그래서 밝고 상큼발랄한 환타로 비디오 페이지를 만들게되었습니다. 당장이라도 꺼내 먹고 싶은 마음이 들게끔 냉장고로 포인트를 주었습니다.

Epilogue 포인트는 냉장고!

처음에는 일러스트로 작업한 아이콘 냉장고였었는데 안어울렸습니다. 실물 냉장고 사진을 찾는데만 1시간 정도 걸린것 같습니다. 그래도 미흡하지만 완성한 것을보니 전 보단 훨씬 나아 만족스럽습니다.

PARALLAX

video main
Concept 도전!

페럴럭스는 어렵고 시간이 많이 걸리는 프로젝트라고 해서 더 도전해보고 싶었습니다. 예상과는 다르게 역시 쉽지 않았고, 시간도 노력도 많이들었습니다. 그래도 도전하면 할 수 있다는 것을 보여드리고 싶었습니다.

Epilogue 시공간을 넘나들다

사람도 시간과 공간을 넘나드는 것이 힘든데 웹사이트 제작 역시 시공간을 표현한다는 것이 어려웠습니다. 하나 하나 정성스럽게 만들었습니다. 다른 사람 눈에도 만족하려면 더 노력이 필요할 것 같습니다.

MASK

Concept 4가지 매력!

마스크를 통해 에뛰드의 향수와 아이오아이의 멤버 4명의 4가지 매력을 매력적이게 보이는 효과를 주었습니다. 아이오아이도 살리면서 제품도 살릴 수 있도록 동영상과 브랜드 소개를 넣었습니다. 어떻게 하면 브랜드와 모델 모두 살릴 수 있을까 고민한 끝에 아이오아이의 광고 사진과 비디오 그리고 브랜드 이야기까지 넣어서 두마리 토끼를 잡았습니다.

Epilogue 컨셉잡기

처음에 마스크를 할 때는 바다와 스포츠카로 멋있게 해보고 싶었습니다. 하지만 생각보다 사진 찾는 것과 색감부분에서 예쁘지 않아서 많이 갈등하고 고민한 끝에 제가 평소 관심가지던 아이돌을 선택하게되었습니다.

EPILOGUE

코딩을 배우기 5개월 전만 해도 코딩이 무엇인지 개념조차 잘 몰랐습니다. 그러던 제가 웹페이지 하나를 뚝딱 만들게 되었고, 제이커리 효과도 넣을 수 있게 되었습니다. 어렸을 적 블로그와 카페 관리/운영 하던것과는 차원이 다르고 너무도 다양하고 재미있는 경험이었습니다. 그래서 더 코딩과 디자인의 매력에 푹 빠져버린 것 같습니다. 처음에 정적이던 CSS를 배울 때와 달리 동적인 jQuery를 배울땐 더 눈이 반짝이고 초롱초롱해져서 열심히 했습니다. 부족한 앞부분 수업은 저녁까지 남아서 몰래 보강을 듣기도 하였습니다. 그 이후 급격히 실력이 많이 좋아졌습니다. 부족한 부분은 물어보고 또 물어봐서 이해될때까지 반복하였습니다. 수업이 끝나도 끝난줄 모르고 항상 수업이 7시가 마지막인것처럼 남아서 하다가 빈 강의실에서 학원 문이 닫을때까지 열심히 한 보람이 있었습니다. 오윤석 교수님께서 수업시간에 항상 하시던 말씀이 틀린게 하나도 없었습니다. "코딩은 한 만큼 보상해준다." 이 말을 믿고 최선을 다해 열심히 달려온 결과 초반에 저와 너무나도 다르게 많이 발전되었습니다. 코딩이 뭔지도 모를때 밑 빠진 독에 물을 열심히 부어주신 오윤석 교수님 항상 너무나 감사드립니다. 당근과 채찍을 고루 주셔서 이만큼 성장할 수 있었습니다. 부족한 부분이 많은 저를 자식같이 생각해주시고 잘 가르쳐주신 덕분에 많이 배우고 성장할 수 있었습니다. 이 은혜는 과정이 끝나도 잊지 않고 갚아나가겠습니다. 그리고 5개월의 과정동안 열심히 도와주고 알려주고 자상하고 따뜻하게 대해준 11기 동생 언니 오빠들 너무 고마워. 진짜 모르는것이 없는 코딩 백과사전 홍근오빠, 디자인 천재 지현언니, 항상 언제나 남보다 먼저 생각하고 배려해주는 따뜻한 영건아빠, 열심히 노력하는 모습이 멋있는 노잼 예설언니, 디자인이면 디자인 코딩이면 코딩 못하는게 없는 홍범찌개오빠, 리더쉽의 끝판왕 멋이라는 것을 아는 성권오빠, 얼굴도 예쁘고 마음씨도 예쁜데 제이커리는 여신인 여신 은서, 먼거리에도 지각한번 하지 않은 성실한 규빈언니, 처음에 짝꿍이었던 친절한 은탁오빠, 하얗고 얼굴도 이쁘고 배려심 깊은 여린 혜민이, 유쾌하고 분위기 메이커인 미선언니, 코딩의 신 상큼발랄한
민선언니, 똑부러지는 뇌섹녀 송이언니, 웹표준&모범답안 개성넘치고 재미있는 창희언니, 얼굴이 예쁜 새침한 디자인 신 태우오빠, 매력있고 디자인 잘하는 뭘 좀 아는 채민언니, 얼굴이 주먹만한 착하고 마음 여린 혜연언니, 언제나 열심히 하는 모습이 보기 좋은 지석오빠 모두들 감사했습니다.

epilogue

Family site

 Family site
cursor 사진 드래그
familysite

 

이영건

familysite

 

김예설

familysite

 

안홍범

familysite

 

이성권

familysite

 

최은서

familysite

 

강규빈

familysite

 

배혜민

familysite

 

한창희

familysite

 

이태우

familysite

 

임채민