• CONNECT
  • 너와 나를 잇는
  • 포트폴리오
profile image profile text profile text

ABOUT

유수연
1992 . 01 . 09
서울특별시 거주

CONTECT

010 . 6640 . 0718
kin92_93@naver.com
youth-yeon.com/

LICENSE

더좋은 컴퓨터 아카데미
디지털 웹&앱 디자인(1000시간)
웹디자인 기능사(필기합격)

S K I L L S   L I S T

  • photoshop

    CODING

    HTML, CSS, JQUERY
    사용이 가능합니다.

  • photoshop

    PHOTOSHOP

    사진 보정과 다양한 툴의
    사용이 가능합니다.

  • photoshop

    ILLUSTRATOR

    펜툴 등 대부분의 툴의
    사용이 가능합니다.

  • photoshop

    INDESIGN

    레이아웃을 통한
    디자인이 가능합니다.

IPAD PC TABLET MOBILE

01

반응형

ORYANY 오야니

HTML과 CSS, jQuery를 이용하여 제작한 '오야니' 반응형 홈페이지입니다. PC, Tablet, Mobile 등 다양한 접속자의 화면 크기를 고려하여 구현하였고, 자동 슬라이드 배너와 터치 슬라이드를 구현하여 사용성에 중점을 두었습니다. 1600, 1280, 1024, 780, 640, 480, 375px에 최적화 된 반응형 홈페이지 입니다.

자세히보기
kotra

02

제이쿼리

KOTRA 코트라

처음 HTML과 CSS, jQuery를 이용하여 제작한 관공서 '코트라' 홈페이지입니다. 배운지 얼마 되지 않은 시기에 시작한 작업이였고, 웹 자체의 컨텐츠도 많고 구조가 복잡하여 이해에 있어 어려움이 있었지만, 구조의 이해와 다양한 이벤트를 배울 수 있어서 뜻 깊었던 작업이였습니다.

자세히보기

03

제이쿼리

MEGABOX 메가박스

HTML과 CSS, jQuery를 이용하여 제작한 '메가박스' 홈페이지입니다. 자동 슬라이드 배너, 스크롤 시 함께 움직이는 퀵 메뉴, 탭 기능 등 다양한 이벤트를 구현하였습니다.

자세히보기

04

비디오

CINEMATIC 시네마틱

전 세계적으로 많은 유저가 함께하는 '리그 오브 레전드'의 스토리를 기반으로한 비디오 이벤트 홈페이지입니다. 기존 실무에서 사용하는 기능을 탈피하고 다양한, 시각적으로 돋보이는 기능을 사용할 수 있었던 홈페이지 입니다.

자세히보기
red box
blue box
green box

05

페럴렉스

COLORS 컬러즈

HTML과 CSS, jQuery를 이용하여 제작한 페럴렉스 홈페이지입니다. 스크롤 값에 맞춰야 하는 페럴렉스는 저에게 너무 어려운 과제였고 많은 시간과 공을 들인 홈페이지입니다. 스크롤 할때마다 위치값이 바뀌며 마지막 섹션에서 탭기능을 추가하여 다양한 기능을 추가하였습니다.

자세히보기
  • ADVERTISING 광고디자인

    01

    프로스펙스W

    PURPOSE 편안함

    TAGET 프로스펙스의 하위브랜드‘ 프로스펙스W ’는 기존 제한된 소비자 연령층에서 벗어나 20-30대를 타겟으로한 디자인 선능과 가격 전략을 세웠다.

    DESIGN CONCEPT ‘ 프로스펙스의 편안함 ’을 피부에 피부가 닿는 편안함으로 표현했다. 걸을때마다 내 발을 보호해주는‘ 프로스펙스W ’의 이미지에 맞게 손이 신발이 되어 편안함을 감싸듯한 이미지를 손등에 로고를 넣어 아이디어를 표현해 보았다.

    ProspecsW
  • ADVERTISING 광고디자인

    02

    프로스펙스W

    PURPOSE 11자 걸음

    TAGET 프로스펙스의 하위브랜드‘ 프로스펙스W ’는 기존 제한된 소비자 연령층에서 벗어나 20-30대를 타겟으로한 디자인 선능과 가격 전략을 세웠다.

    DESIGN CONCEPT ‘ 프로스펙스의 11자 걸음 ’을 바나나 껍질을 밟아도 미끌어 지지 않고 11자로 걸을 수 있다는 메세지를 담았다. 깔끔하고 보기 쉽게 하기 위해 일러스트로 발자국을 표현하여 광고의 주제가 명확히 보이도록 아이디어를 표현해보았다.

    ProspecsW
  • ADVERTISING 광고디자인

    03

    프로스펙스W

    PURPOSE 편안함

    TAGET 프로스펙스의 하위브랜드‘ 프로스펙스W ’는 기존 제한된 소비자 연령층에서 벗어나 20-30대를 타겟으로한 디자인 선능과 가격 전략을 세웠다.

    DESIGN CONCEPT ‘ 프로스펙스W의 편안함 ’을 모래 위를 걸었을때 신발 발자국이 아닌 맨발의 발자국이 남아있음으로서 맨발로 걷는 듯한 편안함으로 아이디어를 표현해보았다.

    ProspecsW
  • ADVERTISING 광고디자인

    04

    kobaco 교통편

    PURPOSE 불안전함

    TAGET 운전을 하는 모든 성인. 그 중에서도 본 광고에서는 20-30대 회사원을 타겟으로 하였다.

    DESIGN CONCEPT ‘ 안전벨트를 착용해야 안전하다 ’라는 말을 사고의 전환으로 ‘ 안전벨트를 착용하지 않으면 위험하다 ’라는 생각으로 안전벨트를 착용하지 않았을때 생명의 위태로움을 칼을 이용하여 직접적으로 아이디어를 표현해보았다.

    kobaco
  • ADVERTISING 광고디자인

    05

    kobaco 교통편

    PURPOSE 운전 중 휴대폰 사용

    TAGET 운전을 하는 모든 성인. 그 중에서도 본 광고에서는 가족을 타겟으로 하였다.

    DESIGN CONCEPT 운전 중 휴대폰을 사용으로 인한 위험성을 휴대폰 안의 가족과의 메신저 대화 내용을 통해 운전 중 휴대폰 사용으로 인해 소중한 가족, 자녀를 잃을 수 있다는 의미를 직접적으로 아이디어를 표현해보았다.

    kobaco
  • PACKAGE 패키지디자인

    01

    한방화장품 가윤

    TAGET 한방화장품을 필요로 하는 40-60대 여성을 타겟으로 하였다.

    DESIGN CONCEPT ‘ 한방 화장품 가윤 ’은 한방 화장품 브랜드로써 시중에 판매되는 제품에서 벗어나 동양적인 느낌을 탈피하여 화장품의 신비로움과 더불어 심플한 느낌을 주었고, 가윤의 이미지는 직선을 조합한 하나의 패턴을 만들어 사용, 세련미를 강조하였다.

    가윤
  • PACKAGE 패키지디자인

    02

    바디용품 로이스타드

    TAGET 소녀 감성의 원하는 10-20대 여성을 타겟으로 하였다.

    DESIGN CONCEPT 소녀감성과 아기자기한 이미지를 컨셉으로한 ‘ 로이드타드 ’ 는 레이스와 꽃무늬를 패턴화하여 브랜드 이미지를 표현하였고, 파스텔톤을 사용하여 순수함을 표현하였다. 패키지는 기본에 충실하였고, 위 아래 커버로 레이스 디자인을 추가하여 디자인의 완성도를 높였다.

    로이스타드
  • EDITORIAL 편집디자인

    01

    To Tim Burton

    PURPOSE 비주얼

    DESIGN CONCEPT 팀버튼의 세계관, 작품의 의미 등 팀버튼 관련 논문을 읽어가며 팀버튼에 대해 분석하였고 심도있는 내용을 보다 감각적으로 보이도록 디자인하였다. 또한 실무 편집에 가깝도록 국내 브로슈어, 기업 월간지의 레이아웃을 참고하여 작업하였다. 기본적인 레이아웃을 사용하되 시각적으로 세련되 보이도록 레이아웃 뒤에 기하학적인 이미지를 사용하였고, 주제에 맞는 이미지를 사각형 모양을 사용하기보다는 이미지의 장점을 살려 누끼 이미지를 사용하여 역동감을 살려 디자인 해보았다.

    TIMBURTON
  • GRAPHICS 그래픽디자인

    01

    우편배달부 본

    PURPOSE 스토리

    DESIGN CONCEPT 강아지를 의인화하여 ‘우편배달부 ’라는 주제로 하나의 컨텐츠를 만들어보았다. 특히 얼굴 부분을 한 이미지로 통일하되, 여러가지 자세와 컨셉처럼 캐릭터의 얼굴에 다양한 시도를 한 점이 특이점이다. 책 속의 한 인물처럼 캐릭터 디자인으로 그치지 않고 스토리텔링을 하여 구체성과 동화쪽으로의 발전가능성을 열어두었다.

    STORY 어느 숲속 작은 마을에 살고있는 본이는 오늘도 우편을 배달하고있습니다. 나이는 어려도 누구보다 우편배달일을 씩씩하게 열심히 하고있답니다. 그 덕분에 본이 모델이 되어 마을 기념 우표가 만들어 졌습니다. 평소에 우표모으는게 취미인 본이에겐 아주 기쁜일이죠. 오늘은 그 우표가 나오는 날입니다. 얼마나 멋진 우표가 나왔을지 궁금합니다.

    BORN
  • GRAPHICS 그래픽디자인

    02

    그리다 꿈

    PURPOSE 머그컵 디자인

    DESIGN CONCEPT 그리다 꿈에는 휴식이 있다. 도심 한가운데의 숲을 떠올리며 디자인 해보았다. 새싹과 나무의 줄기를 일러스트 이미지로 표현하여 디자인적인 부분을 놓치지 않으면서 휴식, 자연의 느낌을 담았다.

    BORN