웹 퍼블리셔 최지은입니다.

HTML/CSS 기반의 퍼블리싱, 반응형 레이아웃, 접근성, 마이크로 인터랙션 구현을 합니다. 유지보수와 가독성을 고려한 구조를 중시합니다.

대표 작업 보러가기 협업/문의

대표 프로젝트

실제 퍼블리싱 산출물에 가까운 카드형 목록입니다. 프로젝트 이미지는 스크린샷으로 교체해 주세요.

KT Shop · 프로모션 랜딩

HTML/CSS

반응형 그리드와 카드 컴포넌트 기반. 스크롤 진입 시 스티키 CTA 노출.

Responsive Sticky CTA AOS
Live Code

색상칩 토글 UI

HTML/CSS/jQuery

comingSoon / soldout 상태에 따른 버튼 텍스트 및 링크 제어.

Interaction jQuery State
Demo Code

카운트다운 타이머

HTML/CSS

숫자 자간 보정과 단말/모바일 별 스타일 최적화.

Typography Layout
Demo Code

eSIM 가입 플로우

HTML/CSS

포커스 이동과 키보드 접근성 개선.

A11y Form
Demo Code

프로모션 배너 애니메이션

CSS

CSS keyframes로 텍스트 그라데이션과 페이드업.

Animation Keyframes
Demo Code

상품 상세 · 스티키 CTA

HTML/CSS

뷰포트 교차 시 나타나는 하단 고정 주문 버튼.

Sticky CTA
Demo Code

소개

경력 요약

  • 웹 퍼블리싱 13년+ · 대규모 이커머스 페이지 운영
  • 반응형/모듈화 마크업, 컴포넌트 설계
  • 접근성 고려(키보드 포커스, 명도 대비, ARIA)

기술 스택

  • HTML5 · CSS3 (Flex/Grid) · 반응형
  • 기본 JavaScript/jQuery · AOS
  • 디자인 협업: Figma · Zeplin

연락

협업 제안과 문의는 이메일로 부탁드립니다.

Email · yourname@email.com

GitHub · github.com/username

LinkedIn · linkedin.com/in/username

다운로드

이력서(PDF) 작업 모음 Notion