Designer Youn

Web Publisher & Visual & UI/UX Designer

섬세함과 성실함으로
성장하는 디자이너,
김정윤입니다.

"20년의 소통 경험을 웹 기술로 디자인합니다." 다년간의 CS 경험으로 다져진 탁월한 커뮤니케이션 능력과 사용자를 배려하는 마음을 인터페이스에 담았습니다. 지적 호기심으로 끊임없이 배우며 실패를 두려워하지 않습니다.

Portfolio 다운로드
View Projects Contact Me
김정윤 프로필
Designer
Scroll
01

About Me

Experience & Education

Education

  • 2024.02 ~ 재학중 한양사이버대학교 시각디자인학과

    복수전공: 뉴미디어디자인학과

  • 2023.02 ~ 2023.07 인천구월그린컴퓨터아트학원 수료

    반응형 웹디자인 & 웹퍼블리셔 & 영상편집 과정

  • 1997.03 ~ 2000.02 학익여자고등학교 졸업

Certifications & Keywords

  • 2024.01 GTQi (일러스트) 2급

    한국생산성본부

  • 2023.12 GTQ (포토샵) 1급

    한국생산성본부

#운전면허(1종보통) #평정심 유지 #수용력이 좋은 #ISTJ

Work Experience

이전 직장에서 로고 디자인 및 브랜드 홍보물 전반을 기획한 실무 경험이 있습니다.

디자이너 명함 명함
또아리커튼 전단지 전단지
또아리커튼 3단리플랫 리플렛
모바일 명함 모바일 명함
02

Skills & Tools

Design & Publishing Tools

Ps
포토샵
90%
Ai
일러스트
85%
Id
인디자인
20%
Figma
피그마
50%
Pr/Ae
영상 편집
60%
HTML5
CSS3
웹 표준
50%
JS
jQuery
인터랙션
30%
Xls
엑셀
70%
PPT
파워포인트
85%
03

Web Projects

기획부터 코딩까지 100% 개인 작업물입니다.

Ader Error Website
Shopping Mall Redesign

Ader Error 리디자인

2023.03.16 ~ 04.17 (20Days) | 기여도 100% | 메인 1 · 서브 4

로열블루 컬러로 유니크한 브랜드 무드를 살리고, 젠더리스 제품이 돋보이도록 심플한 레이아웃을 적용했습니다. 사용자에게 익숙한 UI로 구매 편의성을 높였습니다.

  • HTML5
  • CSS3
  • Figma
  • Ps/Ai
  • Premiere Pro
View Site
Planning Document

ADER ERROR — Fashion Brand ReDesign 기획안

Concept

로얄블루 컬러를 사용하여 차분하면서 유니크한 분위기를 연출하고, 심플한 레이아웃으로 젠더리스한 제품을 돋보이게 하며 익숙한 메뉴 구조로 구매가 쉽고 빠른 사이트로 리디자인하였다.

Target

트렌디한 캐주얼을 선호하는
구매력이 있는 2·30대 남녀

Color System
#0000C5Main
#FFE818Point
#F6F8FESub
#000000Text
Font System
Aa

Jost

영문 폰트 — Black / Medium / Regular

가

Noto Sans KR

한글 폰트 — Bold / Regular

Site Map
ADER ERROR WOMEN BAG MEN ACC ABOUT CONTACT
어더에러란? 티셔츠 백팩 티셔츠 모자 스토리 문의하기
회사소개 팬츠 크로스백 팬츠 양말 컬렉션
원피스 숄더백 부츠 벨트 문의하기
수트 토드백 기타 악세서리
지갑

GNB: 언어 · 매장위치 · 장바구니 · 로그인  |  Pages: Main / Product / Detail / Cart / Join

Bighit Music Website
Entertainment Renewal

Big Hit Music 리디자인

2023.05.08 ~ 05.29 (20 Days) | 기여도 100% | 메인 1 · 서브 2

활동적인 비주얼 요소와 비비드한 컬러 조합으로 생동감 있는 분위기를 연출했습니다. 소셜미디어에 익숙한 K-pop 팬층을 타겟으로 반응형 웹을 구현했습니다.

  • HTML5
  • CSS3
  • JavaScript
  • jQuery
  • Responsive
  • Ps/Ai
  • After Effects
  • Premiere Pro
View Site
Planning Document

BIG HIT MUSIC — Entertainment Web Redesign 기획안

Concept

시선을 사로잡는 사진·영상 등의 활동적인 비주얼 요소와 비비드한 컬러 조합으로 밝고 생동감 있는 분위기를 컨셉으로 리디자인하였습니다.

Target

소셜미디어에 익숙하고 음악·패션·댄스 등의 문화를 소비하는 다양한 성별과 연령대의 K-pop 애호가

Color System
#0468F2Main
#FF66CCPoint
#FFF3E5BG
#0D060DText
Font System
Aa

Montserrat

영문 폰트 — Bold / Regular

가

PyeongChang

한글 폰트 — Bold / Light

Benchmarking
대상장점 ✔단점 ✘
JYP (메뉴)메뉴 구조도가 간결하고 정돈된 느낌어두운 배경이 화면 전체를 가림
JYP (메인)아티스트 영상에 포커스를 맞춘 레이아웃영상에 따라 메뉴·버튼 시인성 저하
WithMuu서브 페이지에서도 전체 메뉴 표시버튼·텍스트 과다로 조잡해 보임
Jellyfish①유닛별 멤버가 한눈에 보임텍스트 시인성 저하
Jellyfish②오버 마우스 시 시그니처 컬러 배경 효과앨범 정보 미흡
Timeline — 2023 May
5.08~
자료수집 및 사이트 선정

5.09~
벤치마킹·타겟·컨셉 선정 및 기획안 작성

PowerPoint

5.15~
시안 작성

웹·모바일 버전 / Figma · Illustrator · Photoshop

5.22~
코딩 시작

VS Code / HTML · CSS · jQuery

5.29~5.30
수정·보완 → 웹호스팅

FileZilla

Site Map
BIGHIT MUSIC ARTIST TOUR NEWS SCHEDULE MEMBERSHIP AUDITION RECRUIT
About BTS — — — — — —
History TXT
Notice LEEHYUN
HK Kolmar Website
Corporate Website

한국콜마 리디자인

2023.06.05 ~ 06.26 (20 Days) | 기여도 100% | 메인 1 · 서브 4

친환경 기업 가치에 맞춰 자연과 조화로운 디자인을 구성했습니다. 투자자와 파트너사를 위해 직관적이고 신뢰감을 주는 사용자 인터페이스(UI)를 구축했습니다.

  • HTML5
  • CSS3
  • JavaScript
  • jQuery
  • Responsive
  • Ps/Ai
  • After Effects
  • Premiere Pro
View Site
Planning Document

한국콜마 — Web Page ReDesign 기획안

Concept

화장품·건강식품 및 친환경 제품을 개발하는 기업의 가치에 맞춰 자연과 조화로운 디자인을 구성하고, 직관적이고 사용자 친화적인 인터페이스로 제작하고자 한다.

Target

기업의 경영 정보와 제품 정보 및 생산공정의 정보가 필요한
비즈니스 파트너 및 투자자

Color System
#2564F7Main
#27FFACPoint
#27BBFFSub
#03318CDark
Font System
가

Noto Sans KR

한글 — Bold / Regular

Aa

Montserrat

영문 — Black / Bold / Regular

Site Map
COMPANY BUSINESS R&D ESG PR IR
회사개요 사업안내 종합기술원 환경경영 보도자료 재무정보
인사말 사업장 소개 연구성과 사회공헌 홍보영상 주식정보
연혁 사업 문의 윤리경영 광고 공시정보
경영철학 견학 문의 컴플라이언스 보고서
CI 지배구조
오시는 길 이니셔티브
MKS Entertainment Website
Freelance & Builder

MKS 엔터테인먼트 공식 홈페이지

2025.12.04 ~ 12.11 (7 Days) | 기여도 100% | 메인 1 · 서브 4

외주(Freelance) 프로젝트입니다. 기업 CI였던 '모던 클래식' 무드와 딥그레이 컬러를 반영하여 전체 컨셉을 구축했습니다. 클라이언트의 운영 편의를 위해 아임웹(Imweb) 빌더로 제작하였으며, 소속 아티스트의 관련 키워드 분석을 통한 SEO(검색 최적화) 세팅에 주력했습니다.

  • Imweb
  • SEO Setting
  • Ps/Ai
  • HTML/CSS
View Site
Branding Portfolio

MKS Entertainment — Digital Branding & Experience Design

Concept

엔터테인먼트가 지닌 역동성과 감각을 절제된 블랙 앤 화이트 팔레트로 담아냈습니다. 과하지 않게, 하지만 분명하게 브랜드의 아티스틱한 무게감을 홈페이지 전반에 녹여냈습니다.

Scope

웹사이트 제작 — mks2nt.com, 아임웹 기반 반응형
로고 시스템 — 엠블럼·심볼·워드마크
명함 디자인 — 레이아웃 디자인 / CI적용

Color System
#111111Main
#FFFFFFSub
#888888Gray
UX 설계 방향
페이지구성 내용
Main풀스크린 비주얼 + 브랜드 카피 / 3클릭 내 핵심 정보 도달
AboutCEO 소개 및 비전 메시지 / 기업 연혁
Artists소속 아티스트 프로필 카드 섹션
Contact이메일·연락처·주소 / SNS 링크
04

Design Works

Graphic & Editorial Design

"보이는 것 너머를 설계하는 디자이너"

툴보다 먼저 콘셉트를 고민하고, 화면보다 먼저 맥락을 읽습니다.

Business Card Design
Branding

Typography Business Card

벌룬 타이포그래피의 입체감과 위트 있는 표정을 결합하여 독창적인 개성을 시각화한 퍼스널 브랜딩 작업입니다.

Adobe Illustrator 100%
MKS Entertainment CI & Business Card
CI Design

MKS Entertainment CI & Business Card

엔터테인먼트사의 전문성을 강조하기 위해 로고의 곡선미와 세리프 서체를 조화롭게 구성한 브랜딩 외주 프로젝트입니다.

Adobe Illustratorcanva
Self Introduction Magazine
Editorial Design

Designing a Creative Journey

#Self-Introduction Magazine

펜툴로 직접 그린 자화상과 인포그래픽으로 '나'라는 브랜드를 설계했습니다. 성격 레이더 차트, 커리어 타임라인, 스킬 배지로 데이터를 감성 있는 레이아웃 안에 녹여낸 퍼스널 브랜딩 작업입니다.

Adobe Illustrator 100%
GO Book Cover Redesign
Book Cover Design

GO — Kazuki Kaneshiro

2026.03.26 (1 Days) | 기여도 100%

#Observation #Point of view

'관찰'이라는 컨셉으로 리디자인 했습니다. 가쿠란을 입고 무궁화를 쥔 소년의 상처 투성이 손에서 사춘기를 일본에서 보내는 제일교포2세의 삶을 표현했습니다. 텍스트를 최소화하고 이미지에 모든 서사를 담았습니다.

Nano BananaCanva

Style Guide

Color

#BC002D Title G
#FFFFFF Title O

Typography

Go

Above the Beyond Script Title

Kazuki Kaneshiro

Calibri Author

Design Intent

  • 레드 × 화이트 일본 국기의 색을 타이틀에 이식
  • 무궁화 × 마스킹 한국의 국화로 정체성의 혼돈 상징
  • 텍스트 최소화 이미지로 서사 전체를 표현
Dare You To Death Poster Redesign
Poster Design

Dare You To Death — Thai Netflix Original

2026.04.09 (1 Days) | 기여도 100%

#Minimal #blank space

'여백'을 주제로 비움을 극대화 하여 표현한 포스터입니다. 탁한 옐로우 배경 위에 강렬한 레드 타이포로 장르를 표현하고 시선의 흐름을 대각선으로 설계해 극의 긴장감을 구현했습니다.

Adobe Illustrator 100%

Style Guide

Color

#ECCB33 BG
#A6262B Title

Typography

DARE
YOU TO
DEATH

Melted Monster Title

Design Intent

  • 여백 시선을 핵심 요소로 집중시켜 강렬한 임팩트 연출
  • 대각선 구도 하단 좌→상단 우 흐름으로 긴장감 극대화
  • 실루엣 압축 테이프 안에 총을 든 두 인물로 형사물 표현
노인 빈곤율 OECD 1위 대한민국 인포그래픽
Infographic

노인 빈곤율 OECD 1위, 대한민국

#DataVisualization #SocialAwareness

대한민국의 노인빈곤 문제에 대한 경각심을 일깨우고 사회적 영향을 시각적으로 전달하기 위한 미디어 인포그래픽입니다. 핵심 통계 강조에서 원인 분석, 사회적 영향, 해결 방안까지 데이터의 흐름을 설계하고, 차트·아이콘·컬러 시스템으로 복잡한 수치를 직관적으로 구조화했습니다.

Adobe Illustrator 100%

Style Guide

Color

#2B3A67 Main
#F5F5F5 BG
#E8505B Accent

Design Intent

  • 데이터 시각화 차트·아이콘으로 통계를 직관적으로 전달
  • 정보 흐름 설계 통계 → 원인 → 영향 → 해결 순서 구성
  • 감성 + 논리 인용구로 공감을 얻고 수치로 설득력 확보
BTS 팬베이스 계정 분석 소셜미디어 스타일 플랜 브랜드 스타일 템플릿
Research Strategy Setup
Social Media Branding

PUNKISMY — SNS Brand Strategy

#ContentPlanning #BrandSystem #Instagram

BTS 팬 아카이브 계정 @punkismyboyfriend의 브랜딩 전략 기획. 경쟁 계정 분석을 통해 콘텐츠 포지셔닝을 도출하고, 로고 시스템·컬러·타이포를 정의한 소셜미디어 스타일 플랜을 수립하여 계정 런칭을 준비했습니다.

Adobe IllustratorCanva

Project Flow

Phase

  • Research 경쟁 계정 2곳 분석 → 틈새시장 도출
  • Strategy 로고·컬러·폰트·콘텐츠 톤 정의
  • Setup 계정 개설 · 프로필 구성 · 콘텐츠 템플릿 제작

Color

#F171B0
#E0D0F2
#FAD6E8
×

×