메뉴 버튼
메뉴 닫기 버튼
Keep scrolling

웹 퍼블리셔 김혜빈

Code that understands flow,
hands that shape experience.

끊임없이 배우며 성장하는 퍼블리셔

webpublisher

디자인과 개발, 그 사이를 잇는 웹 퍼블리셔 김혜빈입니다.

Connecting Visuals and Code with Collaboration.

Design in Balance

아무리 화려한 웹이라도 기본이 단단하지 않으면 오래 남지 않습니다.
균형, 여백, 타이포그래피 같은 디자인의 기본 원리를 지키며, 사용자가 편안하게 느끼는 화면을 만듭니다.
디자인의 기초 위에 정제된 코드가 더해질 때, 진짜 웹페이지가 된다고 생각합니다.

Together

웹은 혼자 만드는 것이 아니라, 함께 완성되는 결과라고 생각합니다.
팀원들과의 원활한 소통 속에서 아이디어를 시각화하고, 더 나은 방향을 찾아가는 과정을 중요하게 여깁니다.
서로의 강점을 연결해 완성도를 높이는 협업이 제가 추구하는 일하는 방식입니다.

Next

새로운 일을 앞두면 두려움이 먼저 오지만, 그 두려움이 저를 멈추게 하진 않습니다.
완벽을 바라는 대신, 과정 속의 시행착오를 통해 조금씩 성장해갑니다
작은 시도와 변화가 쌓여 결국 더 나은 저를 만들어줍니다.

웹 퍼블리셔 김혜빈의 이미지

저는 책임감 있게, 함께 성장합니다.

주어진 일을 끝까지 완성하려는 책임감으로 팀을 이끌며, 서로의 생각을 존중하는 협업의 가치를 배웠습니다.
디자인과 개발, 그 사이의 균형을 찾는 과정 속에서 언제나 ‘함께 만드는 즐거움’을 느낍니다.
완벽하지 않아도, 꾸준히 나아가면 더 단단해진다고 생각합니다.
오늘보다 나은 내일을 위해 배우고 성장하는 것, 그것이 제가 일하는 방식입니다.

name
김혜빈
Age
27
Phone
010-5106-1351

Education

  • 2025.07 ~
    2025.12     성남 그린컴퓨터아카데미(디지털디자인) UI/UX 디자인 및 개발(웹, 앱, 피그마) 실무 프로젝트
  • 2021.03 ~
    2025.02     원광대학교 컴퓨터소프트웨어공학과
  • 2015.03 ~
    2018.02     한국관광고등학교 관광일본어통역과

Certifications

  • 2025.09.12 GTQi(그래픽기술자격 일러스트) 1급
    한국생산성본부
  • 2025.09.12 GTQ(그래픽기술자격) 1급
    한국생산성본부
  • 2025.04.30 자동차운전면허 1종 수동
    경찰청
  • 2017.08.19 JLPT N2
    JEES
  • 2017.02.19 JPT 605점
    YBM
  • 2016.12.15 MOS Master
    Microsoft
  • 2016.12.29 정보기술자격(ITQ) 아래한글 A등급
    한국생산성본부
  • 2016.12.29 정보기술자격(ITQ) 한글파원포인트 A등급
    한국생산성본부
  • 2016.12.01 정보기술자격(ITQ) 한글엑셀 B등급
    한국생산성본부
  • 2016.09.23 조주기능사
    한국산업인력공단
  • 2016.05.27 SMAT(서비스경영자격)
    한국생산성본부

Skills & Language

  • HTML

    HTML을 통해 웹페이지의 기본 구조를 만들 수 있습니다. 콘텐츠를 논리적으로 구분하고 의미를 부여해 접근성 높은 페이지를 설계할 수 있습니다. 디자인 시안을 실제 웹 화면으로 구현하는 기초가 됩니다.

  • CSS

    CSS를 통해 웹페이지의 시각적 스타일을 자유롭게 표현할 수 있습니다. 색상, 폰트, 레이아웃을 조정해 디자인 의도를 정확히 전달할 수 있습니다. 다양한 디바이스에 맞춘 반응형 웹 디자인을 구현할 수 있습니다.

  • JavaScript

    JavaScript를 통해 웹페이지에 생동감 있는 인터랙션을 추가할 수 있습니다. 버튼 클릭, 스크롤, 애니메이션 등 사용자와 상호작용하는 기능을 구현할 수 있습니다. 이를 통해 사용자의 경험을 더욱 풍부하게 만들 수 있습니다.

  • jQuery

    jQuery를 통해 복잡한 JavaScript 기능을 간단하게 구현할 수 있습니다. DOM 조작, 애니메이션, 이벤트 제어를 손쉽게 다룰 수 있습니다. 효율적으로 동적인 웹 페이지를 제작할 수 있습니다.

  • Figma

    Figma를 통해 웹과 모바일 인터페이스를 시각적으로 설계할 수 있습니다. 컴포넌트와 프로토타입 기능을 활용해 사용자 흐름을 쉽게 확인할 수 있습니다. 디자이너와 개발자 간의 협업을 효율적으로 진행할 수 있습니다.

  • Photoshop

    Photoshop을 통해 이미지를 보정하고 합성하여 시각적인 완성도를 높일 수 있습니다. 배너, 썸네일, 웹 시안을 자유롭게 제작할 수 있습니다. 사진과 그래픽을 조합해 감각적인 디자인을 완성할 수 있습니다.

  • Illustrator

    Illustrator를 통해 로고, 아이콘, 인포그래픽 등 다양한 벡터 디자인을 제작할 수 있습니다. 정확한 도형과 선을 활용해 깔끔한 그래픽 작업이 가능합니다. 브랜드 아이덴티티를 시각적으로 표현할 수 있습니다.

  • Git / GitHub

    Git과 GitHub를 통해 디자인 및 코드의 버전을 체계적으로 관리할 수 있습니다. 작업 이력을 기록하고 복원하여 효율적인 협업이 가능합니다. 팀 프로젝트에서 함께 작업하며 유지보수를 원활히 진행할 수 있습니다.

  • React

    React를 통해 컴포넌트 단위로 디자인을 구조화할 수 있습니다. Styled-components나 CSS 모듈을 활용해 각 요소별 스타일을 효율적으로 관리할 수 있습니다. 디자인 변경 시에도 유지보수가 쉬운 구조적 스타일 시스템을 만들 수 있습니다.

01

about me

Posters

다양한 주제에 맞는 시각적 레퍼런스를 분석해 포스터의 톤앤매너를 설정했습니다.
명확한 메시지 전달을 위해 구성과 색감의 조화를 중점으로 디자인을 완성했습니다.

01

투썸플레이스 신메뉴 말차라떼 포스터

신메뉴 말차라떼의 진한 풍미를 강조하기 위해 제품 컷을 중심에 크게 배치하고, 반복되는 텍스트로 시선을 집중시키는 레이아웃을 구성했습니다. 말차 특유의 고소하고 부드러운 질감을 돋보이게 해 신메뉴 출시 메시지를 명확하게 전달했습니다.

여름 할인 팝업

02

여름 뮤직 페스티벌 포스터

레코드와 물결 이미지를 결합해 여름 밤의 음악과 분위기가 어우러지는 감성을 표현했습니다. 선명한 블루 그라데이션과 역동적인 파동 효과로 페스티벌의 에너지와 현장감을 강조했습니다.

여름 할인 팝업

03

전시회 포스터

연한 베이지 배경에 먹으로 번지는 한글 타이포그래피와 수면 위 반영 효과를 활용해 동음이의어의 이중적 의미를 시각화했으며, 미니멀한 구성과 전통적 감성으로 전시의 철학적 깊이를 표현했습니다.

여름 할인 팝업

04

환경보호 포스터

지구를 하나의 조명 아래에 놓인 듯 연출해 환경 문제가 우리의 일상과 직결되어 있음을 시각적으로 표현했습니다. 차분한 컬러와 최소한의 요소로 메시지에 집중하도록 구성해 환경 보호의 중요성을 담담하게 전달했습니다.

여름 할인 팝업

03

posters

03

posters

Responsive Web Project

처음의 생각을 형태로 완성하기까지 모든 과정에 직접 참여하며 디자인의 방향을 스스로 만들어갔습니다.
반응형 디자인을 기반으로, 사용자가 어떤 화면에서든 일관된 분위기와 편안한 경험을 느낄 수 있도록 구성했습니다.

ESTEE LAUDER New Branding

팀원들과 함께 진행한 에스티 로더 웹사이트 리디자인 프로젝트입니다.
브랜드의 고급스러운 감성을 살리면서, 사용자가 편리하게 정보를 탐색하고 자연스럽게 브랜드를 경험할 수 있도록 디자인했습니다.
협업을 통해 아이디어를 공유하고, 사용자 중심의 시각적 개선에 집중한 프로젝트입니다.

팀프로젝트 에스티로더 상세페이지 이미지

Le Petit Four New Branding

Le Petit Four의 브랜드 감성을 웹으로 표현한 프로젝트입니다.
제품과 브랜드 스토리를 직관적이고 세련되게 전달하여, 사용자가 브랜드 경험을 자연스럽게 느낄 수 있도록 구성했습니다.
간결하면서도 기능적인 화면 배치와 시각적 균형을 고려하여, 브랜드의 전문성과 고급스러움을 강조했습니다

Le Petit Four 상세페이지 이미지

웹 퍼블리셔 김혜빈

Thank you for taking the
time to explore my work.

사용자를 이해하고, 팀과 잘 소통하는 퍼블리셔가 되고자 합니다.

Contact me

webpublisher