Lo a ding

Welcome

Siyoon's portfolio

Hi, There

사용자의 시선에서 바라보는,
편리한 코딩을 추구하는,
신입 웹퍼블리셔 김시윤입니다.

프로필 사진

SIYOON KIM

SIYOON KIM

SIYOON KIM

  • Education

    • 부산외국어대학교 졸업 22.02
    • 그린컴퓨터학원 22.02-07
  • Hobby

    • 고양이와 놀기
    • 사진 찍기
    • 여행가기
  • Certification

    • 웹디자인 기능사
    • GTQ 1급

SKILL

언어와 디자인툴을 다룰 수 있습니다.

  • Ai

    90

    디자인 벤치마킹을 통한
    벡터 기반의 디자인 요소
    및 디자인 시안 작성

  • Ps

    80

    팝업 & 배너 제작,
    합성, Mockup 활용

  • figma

    80

    와이어프레임 제작 가능

  • HTML

    90

    웹 표준에 맞는 시맨틱 태그 작성,
    브라우저 종류에 상관없이 동일하게 렌더링

  • CSS

    90

    디자인과 웹 표준에 맞는 CSS코드 작성,
    레이아웃 배치와 세부적인 스타일 조절

  • JS

    80

    다양한 애니메이션 기능,
    다양한 API 및 제이쿼리

POP UP & BANNER

일러스트와 포토샵으로 팝업과 배너를 만들 수 있습니다.

POP UP
썸머 세일 팝업 사진 추석 팝업 사진 식목일 팝업 사진 블랙프라이데이 팝업 사진 새벽배송 팝업 사진 시간임박세일 팝업 사진 할로윈 세일 팝업 사진 인스타그램 태그이벤트 팝업 사진
BANNER
논픽션 For Rest상품 배너 사진 나이키 배너 사진 젠틀몬스터 배너 사진 와인테스팅 배너 사진 코로나 캠페인 배너 사진 크리스마스 배너 사진 자라 뉴 컬렌셕 배너 사진 코카콜라 배너 사진
X
  • 여름 세일, 물을 배경으로 해 무더운 여름 그리고 노란색인 파인애플으로 톡톡 튀는 여름을 나타내고자 했습니다.
    • 여름 세일

    • Font

      • G마켓 산스 TTF Bold
    • Color

      • #e2d331

      • #10af79

      • #fffbff

    • Program

      • illustrator
    • 물을 배경으로 해 무더운 여름 그리고 노란색인 파인애플으로 톡톡 튀는 여름을 나타내고자 했습니다.

  • 추석 팝업, 보름달과 토끼로 추석임을 보여주고자 했으며 고마움을 전하고 싶은 마음을 우편씰로 표현했습니다.
    • 추석 팝업

    • Font

      • 산돌 삼립호빵체 Outline,
        G마켓 산스 TTF Light
    • Color

      • #352450

      • #e4baaa

      • #91d4e1

    • Program

      • illustrator
    • 보름달과 토끼로 추석임을 보여주고자 했으며 고마움을 전하고 싶은 마음을 우편씰로 표현했습니다.

  • 지구를 더 푸르게, 식목일, 떨어지는 나뭇잎과 나무 그림자 배경 배치로 푸르른 산을 표현했습니다. 그리고 동그라미 안과 밖의 색상대비로 나무 심기로 푸르게 변하는 지구를 표현했습니다.
    • 지구를 더 푸르게, 식목일

    • Font

      • 양진체
    • Color

      • #89a285

      • #141913

      • #f9eded

    • Program

      • illustrator
    • 떨어지는 나뭇잎과 나무 그림자 배경 배치로 푸르른 산을 표현했습니다.
      그리고 동그라미 안과 밖의 색상대비로 나무 심기로 푸르게 변하는 지구를 표현했습니다.

  • 블랙프라이데이, 쇼핑박스를 쌓은 듯한 구성과 작은 오브젝트들은 파티의 폭죽을 단순화 시켜 저렴한 가격으로 상품을 구매하는 즐거움을 보여주고자 했습니다.
    • 블랙프라이데이

    • Font

      • M PLUS 1 Code Light
    • Color

      • #ed0100

      • #10af79

      • #ffffff

    • Program

      • illustrator
    • 쇼핑박스를 쌓은 듯한 구성과 작은 오브젝트들은 파티의 폭죽을 단순화 시켜 저렴한 가격으로
      상품을 구매하는 즐거움을 보여주고자 했습니다.

  • 빠른 배송, 새벽 배송, 전체적인 컬러를 새벽의 밤하늘같은 보라색으로 새벽배송, 텍스트가 달려가는 모양으로 빠른 배송을 표현했습니다.
    • 빠른 배송, 새벽 배송

    • Font

      • SDSamliphopangcheBasic,
        빙그레 따옴체
    • Color

      • #f1eaf2

      • #1d1928

      • #933b87

    • Program

      • illustrator
    • 전체적인 컬러를 새벽의 밤하늘같은 보라색으로 새벽배송, 텍스트가 달려가는 모양으로 빠른 배송을 표현했습니다.

  • timesale timeless 정보전달을 위해 텍스트는 딱딱하게, 포인트가 되는 흰 선은 실타래가 퍼지도록 하여 시간이 흐르고 있다는 것을 표현하고자 했습니다.
    • timesale timeless

    • Font

      • Hahmlet
    • Color

      • none

      • #063926

      • #fffbff

    • Program

      • illustrator
    • 정보전달을 위해 텍스트는 딱딱하게, 포인트가 되는 흰 선은 실타래가 퍼지도록 하여
      시간이 흐르고 있다는 것을 표현하고자 했습니다.

  • 해피할로윈, 해골이 세일이라는 소식을 듣고 신나서 춤추는 모습으로 유쾌한 분위기에 반해 컬러 그리고 반듯하지 않는 글씨체로 할로윈 특유의 무서운 분위기를 표현했습니다.
    • 해피할로윈

    • Font

      • Creesper
    • Color

      • #dd4945

      • #587265

      • #ffffff

    • Program

      • illustrator
    • 무덤에서 해골이 춤추는 모습이 기괴하지만 유쾌한 분위기에 반해 컬러
      그리고 반듯하지 않는 글씨체로 할로윈 특유의 무서운 분위기를 표현했습니다.

  • 인스타그램 태그 이벤트, 인스타그램 피드 프레임 레이아웃을 통해 이와 관련된 이벤트임을 표현했다. 또한 가운데 해시태그를 크게 배치해 해시태그 이벤트 팝업이라는 것이 확실하게 전달하고자 했다.
    • 인스타그램 태그 이벤트

    • Font

      • Mistral,
        G마켓 산스 TTF Light
    • Color

      • #618bc7

      • #35439b

      • #ffffff

    • Program

      • illustrator
    • 인스타그램 피드 프레임 레이아웃을 통해 이와 관련된 이벤트임을 표현했다.
      또한 가운데 해시태그를 크게 배치해 해시태그 이벤트 팝업이라는 것이 확실하게 전달하고자 했다.

< >
X
< >

RE-DESIGN

기존 상업사이트를 리디자인했습니다.

롬앤

Project detail

전체 사이즈는 1920px로 설정했으며
메인페이지, 서브1, 서브2 페이지로 구성되어있습니다.

참여도
100%

작업과정

사이트 가기

responsive website

리디자인한 롬앤 웹사이트

APP DESIGN

어플리케이션 디자인도 가능합니다.

전체적인 앱 페이지 사진
  • 제작기간 5일

    기여도 100%

    고양이 관련 제품 성분을 상세 분석해 정리해 놓은 어플입니다.

AONG AONG AONG

모든 고양이에게
알맞는 좋은 사료를
찾을 수 있도록

CONTACT

이력서와 이메일을 확인할 수 있습니다.

"끊임없는 배움과 열정으로 계속 성장하는 퍼블리셔가 되겠습니다."

e-mail :wlgh1034@gmail.com

resume