보이는 화면부터,
작동하는 화면까지

하나로 완성하는 디자이너 윤세영입니다.
UI/UX 디자인, 웹퍼블리싱, 프론트엔드 구현까지 이어서 작업합니다.
AI를 활용해 더 빠르고 정확하게 완성합니다.

ABOUT ME

Hello World!
사용자 경험을 디자인하는 윤세영 입니다!

좋은 디자인은 보기 좋은 화면을 넘어 사용자가 편안하게 경험할 수 있는 것이라고 생각합니다.
비전공자로 시작했지만 꾸준한 배움과 프로젝트 경험을 통해 웹디자인과 퍼블리싱을 익히며 실무 역량을 키워왔습니다.

Figma를 활용한 UI 디자인과 HTML, CSS, JavaScript를 통한 퍼블리싱이 가능하며,
AI를 적극적으로 활용해 아이디어를 구체화하고 작업 효율을 높이며
더 나은 결과물을 만들기 위해 노력하고 있습니다.
변화하는 기술과 디자인을 즐겁게 배우며, 사용자에게 더 나은 경험을 제공하는 웹디자이너로 성장해 나가겠습니다.

Profile

  • Name
  • Birth
  • Location
  • MBTI
  • 윤세영
  • 2000. 10. 07
  • Korea, Daegu
  • INFJ (옹호자)

History

  • 2026. 07
  • AI도구활용 사용자중심 UI/UX 디자인 및 프로토타이핑 수료

Lisence

  • 2020. 07
  • ITQ 한글 파워포인트 A등급

프로젝트

PERSONAL PROJECT & TEAM PROJECT

TEAM PROJECT

Adobe(Redesign)

2026. (1주)

제작 인원 : 1명(기여도 : 100%)
사용 기술 : HTML, CSS, JavaScript, AOS Swiper.js "복잡한 정보 구조와 낮은 접근성 → 사용자 흐름을 고려한 직관적인 UI 구조로 개선"
Work GitHub

PERSONAL PROJECT

fitmatch

2026. (1주)

제작 인원 : 1명(기여도 : 100%)
사용 기술 : HTML, CSS, JavaScript, AOS Swiper.js "원하는 운동 정보를 찾기 어려운 구조 → 카테고리 기반 탐색으로 빠른 정보 접근 가능"
Work GitHub

PERSONAL PROJECT

Shoplite

2026. 04(1주)

제작 인원 : 1명(기여도 : 100%)
사용 기술 : HTML, CSS, JavaScript, AOS Swiper.js "상품 탐색 과정의 피로도 → 간결한 레이아웃과 빠른 정보 전달 중심 UX로 개선"
Work GitHub

Clone-Coding

STX 건설

2026. 03(1주)

제작 인원 : 1명(기여도 : 100%)
사용 프로그램 : HTML, CSS, JavaScript "단순 구현 중심 학습 → 구조 분석 기반의 레이아웃 설계 및 인터랙션 이해로 확장"
Work GitHub Origin

Clone-Coding

도시락통

2026. 04(1주)

제작 인원 : 1명(기여도 : 100%)
사용 기술 : HTML, CSS, JavaScript, AOS Swiper.js
Work GitHub Origin

Clone-Coding

airbnb-clone

2026. (1주)

제작 인원 : 1명(기여도 : 100%)
사용 기술 : HTML, CSS, JavaScript, AOS Swiper.js "카드형 리스트와 필터 UI가 뒤섞인 복잡한 화면 → 검색·필터·카드 영역을 분리한 레이아웃 구조로 재구성"
Work GitHub Origin

Clone-Coding

google-clone

2026. 0(1주)

제작 인원 : 1명(기여도 : 100%)
사용 기술 : HTML, CSS, JavaScript, AOS Swiper.js "검색창 하나에 기능이 집중된 미니멀 구조 → 여백과 정렬만으로 신뢰감을 주는 레이아웃 재현"
Figma GitHub Site

디자인

상세페이지 & 팝업디자인 & 카페24 & 랜딩페이지
×

기획의도

배운점

느낀점

AI 활용 UI/UX 프로세스

AI WORKFLOW

🧠 AI Research

ChatGPT · Claude

  • 사용자 리서치
  • 경쟁사 분석
  • 페르소나 작성
  • UX 문제 정의

🎨 AI Design

FigJam AI · Figma AI

  • IA 구성
  • User Flow
  • Wireframe
  • UI 아이디어 확장

🖼 AI Image

Midjourney

  • 컨셉 이미지 생성
  • 배경 제작
  • 스타일 탐색
  • 무드보드 제작

💻 AI Coding

ChatGPT · Claude

  • HTML 구조 작성
  • CSS 스타일링
  • JavaScript 구현
  • 디버깅 및 최적화

SKILL & TOOL

이미지 보정 및 합성, 배너·썸네일 디자인

벡터 아이콘 제작, 로고 및 일러스트 디자인

UI/UX 디자인, 와이어프레임 및 프로토타입 제작, 디자인 시스템 구축, 협업

프로젝트 저장소 관리, Pull Request,README 작성 및 GitHub Pages 배포

시맨틱 마크업 작성, 웹 표준 및 웹 접근성 고려, 반응형 구조 구현

Flexbox/Grid 레이아웃, 반응형 웹, 애니메이션 및 트랜지션

DOM 조작, 이벤트 처리, 슬라이더·탭·모달 구현, API 연동, 인터랙션 개발

버전 관리, 브랜치 전략, Commit 및 Merge, 협업 워크플로우 관리

CONTACT

+82 10-5911-7226
tpdud3226@naver.com