안녕하세요! 견고한 마크업으로 정보와 가치를 전달하는 웹 퍼블리셔 김예지입니다.

웹 구현의 매력에 이끌려 퍼블리셔로 시작해, 지금은 어디서든 잘 보이는 반응형 웹과 웹 표준·접근성을 고려한 견고한 UI를 만드는 일을 하고 있습니다. 어떤 디바이스와 브라우저에서도 일관된 화면을 제공하는 것을 기본으로, 맡은 프로젝트의 목적을 먼저 이해하고 정보와 가치가 사용자에게 잘 전달되는 구조를 고민합니다.

단순히 화면을 옮기는 것이 아니라, 다양한 직군과 원활하게 소통하며 협업하는 것을 중요하게 생각하고, 함께 멋지고 즐거운 UX를 만드는 과정을 즐깁니다. 부족한 부분은 공부로 채우고, 더 나은 방식을 끊임없이 탐구하며 성장하고 있습니다.

• 웹 표준·접근성을 기반으로 모든 사용자에게 일관된 경험을 제공합니다.
• SEO와 웹 성능 최적화를 염두에 두고 마크업합니다.
• 유지보수하기 쉬운, 확장 가능한 UI 구조를 지향합니다.

Email | [email protected]

Portfolio & Blog | https://dpwl35.com/

Github | https://github.com/dpwl35

경력사항

(주)에코시안

선임 연구원

2020.9 - 2023.09

코나아이(주)

매니저

2024.01 - 2025.01

기술사업본부 기술사업실 퍼블리셔

UI 디자인과 퍼블리싱을 담당했습니다. 다양한 산업군의 클라이언트를 대상으로 프로젝트를 수행하며, 동료와 효율적인 방식을 함께 찾아가는 협업을 중요하게 생각했습니다.

• 에너지 데이터를 시각화하는 대시보드 UI를 다수 구현했으며, HighChart·Grid 디자인 개선으로 사용자에게 더 직관적인 정보를 제공했습니다.
• 각 기업의 요구사항에 맞춰 다양한 화면을 기획·구현했습니다.
• 협업 과정에서 일정 체크를 꼼꼼히 하여 납기 내 모든 업무를 완료했습니다.
• 기존 포토샵 기반 작업 환경에서 Figma를 자체적으로 학습해 디자인 시스템을 구축, 개발자·기획자와 공유하며 디자인-개발 간 커뮤니케이션 효율을 높였습니다.
• 웹 표준 및 웹 접근성에 대한 이해를 바탕으로 콘텐츠를 구조화하고 스타일링했습니다.
• 다양한 디바이스와 브라우저 환경에 대응하여 크로스 브라우징 이슈를 해결하고 일관된 화면을 제공했습니다.
• JavaScript·jQuery를 활용하여 동적인 웹 요소를 구현했습니다.

인터렉티브플랫폼UX팀

2024.01 - 2024.03

• 팀에서 진행한 프로젝트들을 정리하고, 앱으로 만들어진 주요 화면을 웹에서도 확인할 수 있도록 GSAP 라이브러리를 활용해 팀 내부 포트폴리오를 제작했습니다.

2024.04 - 2024.08

모나 모바일 : https://mobilemona.co.kr/

• 홈페이지 개편 시 일관된 UI/UX와 유지보수성 향상을 위해 SCSS 기반 디자인 시스템을 구축했습니다.
• SCSS 폴더 구조를 정의하여 코드의 모듈성과 재사용성을 높였습니다.
• ESLint·Stylelint를 사용하여 코드 스타일과 품질을 자동으로 검사함으로써 일관된 코드베이스를 유지했습니다.
• 마이페이지를 제외한 전체 화면 퍼블리싱을 담당했습니다.

2024.09 - 2024.01

• LottieFiles 유료화로 인해 디자이너·개발자 간 애니메이션 에셋(Lottie·SVG) 공유와 미리보기가 불편해지자, 사내 JSON 라이브러리 웹사이트를 직접 구축했습니다. 사이트 내에서 애니메이션을 바로 확인할 수 있도록 구현해 검토 과정을 간소화했고, 프로젝트별 에셋 관리 및 디자이너가 직접 파일을 등록·삭제할 수 있는 어드민 페이지를 함께 제작해 팀 내 리소스 공유 효율을 높였습니다.
• 모나 모바일 이벤트 페이지를 작업했습니다.
• 자사 모바일 앱 내 웹뷰 화면을 구현했습니다.

프리랜서

2025.01 - 2026.01

멜버른 NAMOO GROUP에서 운영하는 식당·클럽·카페의 웹페이지, 인스타그램 카드, 이벤트 포스터, 메뉴판 등 브랜드 전반의 디자인 작업을 진행했습니다. Squarespace로 구축된 기존 웹사이트의 구조와 디자인을 개선하되, 브랜드 고유의 로고와 폰트 아이덴티티를 유지하며 완성도를 높였습니다. 비개발자도 직접 콘텐츠를 수정할 수 있도록 가이드를 함께 제공했습니다.

작업물은 여기서 확인 가능합니다.

기술 및 역량

Skill

HTML, CSS, JavaScript, Vue.js, next.js, React,Three.js, SCSS, styled-components, Tailwind, TypeScript

Figma, Photoshop, Illustrator

Publishing

• 다양한 기기와 브라우저 환경에 대응하는 반응형·크로스 브라우징 구현에 능숙하며, 웹 표준과 접근성을 준수한 시맨틱 마크업을 작성합니다.
• SCSS 기반의 견고한 디자인 시스템 구축부터 styled-components · Tailwind 등 유연한 CSS-in-JS 방식까지, 프로젝트에 가장 적합한 방식을 택해 스타일링이 가능합니다.
• JavaScript · GSAP · Three.js 등의 라이브러리를 활용한 인터랙티브한 웹 요소 구현이 가능합니다.
• HTML · CSS · JavaScript 기반의 일반 환경부터 Vue · React · Next.js 등 다양한 프레임워크 환경에서도 퍼블리싱이 가능합니다.

Co-work

프로젝트 목적을 먼저 파악하고, 직군에 상관없이 적극적으로 소통하며 협업합니다. 더 나은 방식이 있다면 먼저 제안하고, 동료의 의견도 열린 자세로 수용합니다. 단순히 주어진 화면을 구현하는 것을 넘어, 사용자 경험 개선에도 관심을 갖고 의견을 나눕니다.