About, Web Publisher since 2017

I don't just build pages.I make them readable.

디자인을 코드로 옮기는 데서 멈추지 않고, 사용자가 읽고 쓰기 편한 화면을 고민하는 웹 퍼블리셔 강수경입니다.

Interview

직접 묻고,
직접 답했습니다.

작업을 받는 순간부터 다음 목표까지, 질문에 답하는 형식으로 정리했습니다.

  1. 작업을 받으면 가장 먼저 무엇을 확인하나요?

    시안과 애니메이션의 의도를 기획자·디자이너와 먼저 맞춥니다. 섹션 전환 방식, 모바일 시안에서 다르게 가져갈 부분, 사이트에 부하를 줄 요소가 있는지도 구현 전에 검토합니다.

  2. 시안대로 구현하기 어렵거나 사용성에 문제가 보이면 어떻게 하나요?

    말로만 지적하지 않고, 대안을 직접 만들어 먼저 제안합니다.

  3. 일할 때 절대 양보하지 않는 것은 무엇인가요?

    • 검수·테스트 공수까지 고려한 작업 속도
    • 사용자 경험을 해치지 않는 인터랙션
    • 향후 유지보수를 생각한 프로젝트 설계
    • 모바일에서의 품질
  4. 사내에 AI 도입을 제안한 계기와 결과는요?

    작업 전 과정에서 들어오는 다양한 이해관계자의 피드백과 요구에 빠르게 대응하면서, 부족한 공수 대비 퀄리티 높은 웹사이트를 만들기 위해 제안했습니다.

  5. 동료들은 나를 어떤 사람이라고 말하나요?

    • 문제를 먼저 발견하고 제안하는 사람
    • 새로운 것을 빠르게 배우는 사람

Domains

업종이 달라지면,
고민도 달라집니다.

  • Real Estate

    몰입형 인터랙션

    fullPage.js와 GSAP로 섹션 전환과 스크롤 연출을 만들고, 큰 이미지가 많아도 모바일에서 끊기지 않게 다듬었습니다.

    분양 작업 13개 보기
  • Hospital

    신뢰감과 가독성

    진료 정보를 찾기 쉽게 나누고, 구조화 데이터로 검색 결과에서도 정확하게 보이게 했습니다.

    병원 작업 3개 보기
  • Corporate

    정보 구조와 SEO

    국문·영문 페이지를 같은 구조로 관리하고, 검색엔진이 읽기 좋은 마크업을 잡았습니다.

    기업 작업 10개 보기
  • Commerce

    공통 레이아웃과 유지보수

    상품 영역을 공통 레이아웃으로 정리해 어느 페이지에서든 같은 마크업을 쓰고, 관리자·쇼핑몰 화면을 꾸준히 개선했습니다.

    쇼핑몰 작업 3개 보기

Toolkit

쓰는 도구와 기술

Interaction
  • GSAP · ScrollTrigger
  • fullPage.js
  • Swiper
  • AOS
Markup & A11y
  • HTML/CSS 시맨틱 마크업
  • 웹접근성 검수
  • 반응형 · 적응형
SEO · GEO
  • 메타 · OG 태그
  • 구조화 데이터(Schema.org)
  • AI 검색 최적화(GEO)
Frontend
  • JavaScript
  • jQuery
  • Next.js
  • Tailwind CSS
AI Workflow
  • AI 코딩 도구
  • 초안 생성 후 직접 검수

Next

Next, beyondthe surface.

웹사이트에 그치지 않고 사용자의 문제 해결을 중심으로 제품을 설계하고 싶어, 퍼블리싱에서 프론트엔드로 범위를 넓히고 있습니다. 다음에는 AI를 활용한 개발 워크플로를 직접 설계해 보고 싶습니다.