사용자가 읽기 쉬운 화면, 관리자가 고치기 쉬운 코드를 만듭니다.
프론트엔드 업무 경험을 통해 컴포넌트 구조, 반응형 이슈, 브라우저 환경 차이를 경험했습니다. 앞으로는 퍼블리싱 역량을 더 깊게 다듬어, 디자인 의도를 정확히 구현하는 작업자가 되고 싶습니다.
Frontend 2 years · Web Publisher
화면을
화면을
정돈하는
퍼블리셔
안녕하세요, 김정숙입니다. 프론트엔드 개발자로 2년간 일하며 쌓은 구현 경험을 바탕으로, 더 섬세한 레이아웃과 반응형 구조를 만드는 웹 퍼블리셔를 목표로 합니다. 이 포트폴리오는 리디자인 작업물과 디자인 작업물을 함께 보여주기 위한 개인 사이트입니다.
Portfolio / 2026
Kim
Available for PublisherDaegu, KR
Kim
Jungsook
HTML · CSS · JavaScript
Responsive Web · Redesign
html, css, js, 웹 접근성까지. 프론트엔드 경험을 바탕으로 다른 작업까지 폭넓게 이해가능한 퍼블리셔입니다.
HTML / CSS
시맨틱 구조, rem 기준 설계, 반응형 레이아웃 구현
JavaScript
메뉴, 탭, 스크롤 인터랙션 등 기본 UI 동작 구현
Frontend
2년 실무 경험 기반의 화면 구조 이해와 협업 감각
Design
리디자인, 배너, 브랜딩 시안 작업물 정리
호식이 두마리 치킨
Redesign호식이 두마리 치킨 브랜드의 강렬한 메뉴 이미지와 친근한 치킨 프랜차이즈 감성을 살려 메인 페이지를 새롭게 구성한 웹 리디자인 작업입니다.
프로젝트 보기
Design Works
그래픽 작업을 중심으로 정리한 디자인 작업물입니다.
활성 카드를 기준으로 좌우 작업물을 넘겨가며 확인해 주세요.
Design
화장품 상세페이지 제작
가상의 브랜드를 생성해, 제품홍보를 위한 상세페이지를 제작하였습니다.
Case view →
Redesign
카페 메뉴 포스터
메뉴를 홍보하는 포스터를 제작하였습니다.
Case view →
Design
어플리케이션 디자인(밀핏)
2명으로 이루어진 팀 무브온의 프로젝트로, 브랜드 기획부터 디자인까지 빠짐없이 참여하였습니다.
Case view →
Design
카드뉴스 디자인
정보에 맞춰 문구, 정보 위계, 이미지 배치를 조정한 시각 디자인 작업입니다.
Case view →
Design
배너 / 상세 그래픽
서비스 성격에 맞춰 문구, 정보 위계, 이미지 배치를 조정한 시각 디자인 작업입니다.
Case view →
Process
작업의 흐름을
작업의 흐름을
기준으로 정리합니다.
화면을 바로 만들기보다, 목적과 구조를 먼저 확인합니다. 분석, 설계, 구현, 검수의 단계를 나누어 작업물이 흔들리지 않도록 정리합니다.
Research
기존 사이트의 정보 구조, 사용자 흐름, 반응형 문제를 먼저 확인합니다.
Structure
섹션 순서, 컴포넌트 단위, 공통 변수와 레이아웃 기준을 정리합니다.
Publishing
시맨틱 마크업과 rem 기반 CSS로 유지보수 가능한 화면을 구현합니다.
Check
모바일, 태블릿, 데스크톱 구간에서 깨짐과 인터랙션 동작을 점검합니다.
Contact
함께 좋은 작업물을
함께 좋은 작업물을
만들어 보고자 합니다.
연락처는 오른쪽을 참고해 주세요.