플러스프로젝트 배경
[한 줄 소개] 완성된 디자인 시안과 소스 코드를 워드프레스 커스텀 테마로 구현하고, 작품과 소식을 직원이 직접 등록·관리할 수 있게 만든 웹툰 제작·출판사의 반응형 회사 홈페이지입니다. [기획 배경] 발주사는 웹툰을 기획·제작하고 단행본을 출판하는 회사입니다. 리뉴얼 시안과 전체 소스 코드(HTML · CSS · 애니메이션 · 이미지)는 이미 완성되어 있었고, 필요한 것은 이를 실제로 동작하
프로젝트 성과
시안 완성도 그대로 구현
주요 화면 레이아웃 편차를 ±2px 이내로 맞췄고,
인트로 애니메이션은 제공 CSS를 유지해 동일한 2.4초 타이밍으로 재생됩니다.
인트로 애니메이션은 제공 CSS를 유지해 동일한 2.4초 타이밍으로 재생됩니다.
운영자 직접 관리 전환
교육 1회 이후 작품 등록, 소식 작성, 메인 노출 변경을 모두 직원이 직접 처리합니다.
외부 요청 없이 당일 반영이 가능해졌습니다.
외부 요청 없이 당일 반영이 가능해졌습니다.
하나의 자유형 폼으로 통일
작품소개와 소식을 같은 등록 폼으로 관리하면서도
노출 위치 선택으로 WORKS와 NEWS를 분리해 운영할 수 있게 했습니다.
노출 위치 선택으로 WORKS와 NEWS를 분리해 운영할 수 있게 했습니다.
초기 로딩 속도 개선
이미지 자동 최적화와 lazy-load 적용으로
메인 LCP가 4.6초에서 1.9초로 줄었습니다.
메인 LCP가 4.6초에서 1.9초로 줄었습니다.
무중단 도메인 전환
MX 레코드를 유지한 채 A · CNAME만 변경해
기존 웹메일 중단 없이 새 사이트로 전환했습니다.
기존 웹메일 중단 없이 새 사이트로 전환했습니다.
핵심 기능
인트로 애니메이션 동일 구현
제공된 CSS 키프레임을 그대로 이식하고 preload · sessionStorage로 첫 프레임 지연과 반복 재생을 해결했습니다.
진행 단계
제공 자료 검토 · 구조 설계
2026.03.
시안과 소스 코드를 검토해 활용 범위를 확정하고 페이지 구조, 콘텐츠 타입, 관리자 입력 항목을 정리했습니다.
프로젝트 상세
[한 줄 소개] 완성된 디자인 시안과 소스 코드를 워드프레스 커스텀 테마로 구현하고, 작품과 소식을 직원이 직접 등록·관리할 수 있게 만든 웹툰 제작·출판사의 반응형 회사 홈페이지입니다.
