플러스
Wordpress 기반 홈페이지 퍼블리싱 및 개발(허국)
5.00
계약 금액
6,000,000원
프로젝트 기간
31일
계약 일자
2025.05.14.
프로젝트 배경
✅ 프로젝트 목표
- 비표준적인 정적 구조를 WordPress 기반의 표준 CMS 구조로 재구축함으로써, 향후 유지보수와 기능 확장이 용이한 시스템을 마련하는 것을 목표로 삼았습니다. 또한 성능 최적화와 더불어, 브랜드 아이덴티티를 반영한 유연한 커스터마이징이 가능하도록 설계하고자 했습니다.
- WPML과 같은 무거운 다국어 플러그인의 사용을 지양하고, functions.php와 조건부 출력 방식을 활용한 경량 다국어 처리 구조를 구축하여, 번역 콘텐츠의 관리 효율성을 높이고 불필요한 리소스 낭비를 줄이는 것을 목표로 했습니다.
- 운영자가 개발자의 도움 없이도 콘텐츠 등록, 수정, 배포가 가능하도록, 직관적인 관리자 화면과 자율 운영이 가능한 시스템을 제공하는 것을 주요 목표로 설정했습니다. 이를 통해 기존 구조에서 발생했던 운영상의 비효율성과 의존도를 해소하고자 했습니다.
✅ 문제점
- 기존 웹사이트는 React 기반의 싱글 페이지 애플리케이션(SPA)으로, Vite 빌드 툴을 활용한 정적 파일 형태의 구조였습니다. 어떤 CMS나 플랫폼이 사용되었는지 명확하지 않았으며, 전반적인 운영 체계가 비표준적이고 비효율적인 방식으로 구성되어 있었습니다.
- 콘텐츠는 <div id="root"를 기준으로 JavaScript를 통해 동적으로 렌더링되고 있었고, 관리자 화면이 없어 모든 수정 작업이 코드 레벨에서만 이루어지는 구조였습니다. 이로 인해 이미지 교체, 콘텐츠 수정, 레이아웃 조정 등의 작업이 모두 개발자에게 의존적일 수밖에 없었습니다.
- 다국어 콘텐츠 운영 역시 수동 페이지 복제 방식으로 처리되고 있었으며, 실시간 조정이나 배포 기능이 전무하여 비개발자 중심의 자율 운영이 불가능한 상태였습니다. 이는 유지보수 측면에서도 지속적인 부담이 발생하는 구조였습니다.
- 비표준적인 정적 구조를 WordPress 기반의 표준 CMS 구조로 재구축함으로써, 향후 유지보수와 기능 확장이 용이한 시스템을 마련하는 것을 목표로 삼았습니다. 또한 성능 최적화와 더불어, 브랜드 아이덴티티를 반영한 유연한 커스터마이징이 가능하도록 설계하고자 했습니다.
- WPML과 같은 무거운 다국어 플러그인의 사용을 지양하고, functions.php와 조건부 출력 방식을 활용한 경량 다국어 처리 구조를 구축하여, 번역 콘텐츠의 관리 효율성을 높이고 불필요한 리소스 낭비를 줄이는 것을 목표로 했습니다.
- 운영자가 개발자의 도움 없이도 콘텐츠 등록, 수정, 배포가 가능하도록, 직관적인 관리자 화면과 자율 운영이 가능한 시스템을 제공하는 것을 주요 목표로 설정했습니다. 이를 통해 기존 구조에서 발생했던 운영상의 비효율성과 의존도를 해소하고자 했습니다.
✅ 문제점
- 기존 웹사이트는 React 기반의 싱글 페이지 애플리케이션(SPA)으로, Vite 빌드 툴을 활용한 정적 파일 형태의 구조였습니다. 어떤 CMS나 플랫폼이 사용되었는지 명확하지 않았으며, 전반적인 운영 체계가 비표준적이고 비효율적인 방식으로 구성되어 있었습니다.
- 콘텐츠는 <div id="root"를 기준으로 JavaScript를 통해 동적으로 렌더링되고 있었고, 관리자 화면이 없어 모든 수정 작업이 코드 레벨에서만 이루어지는 구조였습니다. 이로 인해 이미지 교체, 콘텐츠 수정, 레이아웃 조정 등의 작업이 모두 개발자에게 의존적일 수밖에 없었습니다.
- 다국어 콘텐츠 운영 역시 수동 페이지 복제 방식으로 처리되고 있었으며, 실시간 조정이나 배포 기능이 전무하여 비개발자 중심의 자율 운영이 불가능한 상태였습니다. 이는 유지보수 측면에서도 지속적인 부담이 발생하는 구조였습니다.
바카라 필승법과 함께한 진행 과정
모터헤드 주식회사
5.00프로젝트 성과
콘텐츠 수정/배포
• 기존 구조: 20% (전문가 의존도 높음)
• 개선 이후: 95% (관리자 화면에서 직접 가능)
• 효율성: 75% 향상
• 개선 이후: 95% (관리자 화면에서 직접 가능)
• 효율성: 75% 향상
다국어 콘텐츠 관리
• 기존 구조: 30% (수동 복제 방식)
• 개선 이후: 85% (경량 구조 + 조건부 출력)
• 효율성: 55% 향상
• 개선 이후: 85% (경량 구조 + 조건부 출력)
• 효율성: 55% 향상
디자인/레이아웃 조정
• 기존 구조: 25% (코드 직접 수정)
• 개선 이후: 90% (템플릿 기반 유연 대응)
• 효율성: 65% 향상
• 개선 이후: 90% (템플릿 기반 유연 대응)
• 효율성: 65% 향상
유지보수/업데이트 대응력
• 기존 구조: 40% (비표준 구조, 어려움 큼)
• 개선 이후: 90% (워드프레스 표준 구조)
• 효율성: 50% 향상
• 개선 이후: 90% (워드프레스 표준 구조)
• 효율성: 50% 향상
비개발자 접근성
• 기존 구조: 10% (개발자 의존 90%)
• 개선 이후: 90% (직관적 관리자 화면 제공)
• 효율성: 80% 향상
• 개선 이후: 90% (직관적 관리자 화면 제공)
• 효율성: 80% 향상
핵심 기능
Reframe5 맞춤 플러그인
Reframe5의 구조와 목적에 부합하지 않는 범용 또는 불필요한 기능을 포함한 플러그인의 사용을 지양하며, 지속 가능성과 성능을 고려해 맞춤형 플러그인을 직접 개발 또는 최적화하여 적용합니다.
유연하고 확장성 높은 ACF 기반
Reframe5는 WordPress의 ACF 기반 구조로 개발되어, 콘텐츠 유형에 따라 맞춤 필드를 유연하게 구성할 수 있습니다. 이를 통해 유지보수는 물론, 확장성과 커스터마이징도 효율적으로 수행할 수 있습니다.
커스텀 경량 다국어 지원
WPML 같은 무거운 플러그인 없이 functions.php 기반으로 다국어 기능을 직접 구현했습니다. 필요한 언어만 가볍게 적용 가능하며, 사이트 속도 및 유지보수 효율성이 크게 향상됩니다.
진행 단계
개발 기획 및 기능 정의
2025.05.
클라이언트의 기획안과 요구사항을 바탕으로 개발 방향성과 기능 범위를 정의하고, 테마의 기본 기능을 분석한 뒤 불필요한 플러그인을 제거하고 목적에 최적화된 커스텀 플러그인을 설계하였습니다.
호텔 맞춤 기능 중심의 플러그인 개발
2025.05.
호텔 서비스 및 관리자 운영 효율을 위한 기능 중심으로, 교통 정보 안내, 이미지 자산 관리 등 총 8종의 커스텀 WordPress 플러그인을 독자적으로 개발하였습니다.
테마 구조 최적화 및 핵심 기능 내장화
2025.06.
기본 테마의 핵심 기능을 functions.php로 직접 구현하고, 불필요한 플러그인을 제거해 경량화된 구조와 안정성을 확보했습니다.
블록 기반 콘텐츠 구조화 및 숏코드 적용
2025.06.
페이지 콘텐츠를 WordPress 블록 에디터로 구조화하고, 반복되는 섹션은 숏코드로 템플릿화하여 콘텐츠 관리의 효율성과 일관성을 높였습니다.
기획 및 디자인 시안 99% 반영
2025.06.
기획자가 제시한 구조와 흐름을 99% 이상 충실히 구현하고, 디자이너의 시안을 픽셀 단위로 반영하여 목적에 부합하는 UI/UX를 완성도 높게 구축하였습니다.
프로젝트 상세
♥️ 클라이언트 후기
이번 프로젝트는 저희 회사가 영상 콘텐츠 분야에서 브랜딩 및 웹 기획 분야로 사업을 확장하며 처음으로 시도한 웹페이지 제작 프로젝트였습니다. 웹 개발 자체가 저희 팀에게는 익숙하지 않은 영역이었기에, 개발자와의 원활한 협업이 무엇보다 중요했는데, 이번에 함께한 개발자님 덕분에 걱정보다 훨씬 긍정적이고 성공적인 경험으로 마무리할 수 있었습니다.
초기에는 프리랜서 개발자님과의 상주 계약이라는 방식이 저희에게도 처음이라, 외부 인력이 짧은 기간 내에 내부 업무 환경과 커뮤니케이션 구조를 잘 따라올 수 있을지 다소 염려가 있었습니다. 그러나 개발자님은 매우 빠르게 업무에 적응하셨고, 저희 팀의 브랜드 방향성과 웹사이트 제작의 목적을 정확히 이해하며 협업을 주도적으로 이끌어주셨습니다. 상주 기간 동안의 적극적인 참여와 빠른 이해도 덕분에, 실제로는 계획했던 기간보다 훨씬 단축하여 효율적으로 개발을 완성할 수 있었습니다.
특히 인상 깊었던 점은 개발자님의 개발 역량뿐 아니라, 커뮤니케이션의 품질이 매우 뛰어났다는 점입니다. 요청사항에 대한 피드백이 빠르고 명확했으며, 개발 과정 중에도 기술적 제안이나 개선 포인트를 주도적으로 공유해주셔서, 저희가 놓칠 수 있는 부분을 적시에 보완할 수 있었습니다. 필요 자료나 계정, 디자인 에셋 등을 요청하실 때도 항상 구체적이고 체계적으로 정리해주셔서, 내부에서도 빠르고 깔끔하게 대응할 수 있었습니다. 이런 식의 유연한 커뮤니케이션이 프로젝트의 효율을 크게 높여주었다고 생각합니다.
또한, 개발 과정 내내 단순히 주어진 작업을 처리하는 것을 넘어, 최적화된 방식으로 구현하고자 하는 개발자님의 태도가 매우 인상적이었습니다. 저희가 전달한 기획의도를 깊이 이해하고, 그 의도를 가장 잘 살릴 수 있는 방법을 함께 고민해주셨고, 실제 결과물에서도 그 고민이 고스란히 반영되었습니다.
덕분에 저희 팀도 웹사이트 개발이 단순히 기능 구현에 그치는 것이 아니라, 브랜드를 효과적으로 전달하는 하나의 중요한 접점이라는 점을 다시 한 번 실감할 수 있었습니다.
이번 협업은 저희 회사 입장에서도 매우 소중한 첫 경험이었으며, 개발자님 덕분에 웹페이지 제작이라는 낯선 분야에서 긍정적인 출발을 할 수 있었습니다. 앞으로도 웹 개발이 필요한 프로젝트가 생긴다면, 주저 없이 다시 함께 일하고 싶을 만큼 만족스러운 협업이었습니다. 이번 프로젝트 동안 보여주신 성실함, 책임감, 높은 개발 역량에 진심으로 감사드립니다.
이번 프로젝트는 저희 회사가 영상 콘텐츠 분야에서 브랜딩 및 웹 기획 분야로 사업을 확장하며 처음으로 시도한 웹페이지 제작 프로젝트였습니다. 웹 개발 자체가 저희 팀에게는 익숙하지 않은 영역이었기에, 개발자와의 원활한 협업이 무엇보다 중요했는데, 이번에 함께한 개발자님 덕분에 걱정보다 훨씬 긍정적이고 성공적인 경험으로 마무리할 수 있었습니다.
초기에는 프리랜서 개발자님과의 상주 계약이라는 방식이 저희에게도 처음이라, 외부 인력이 짧은 기간 내에 내부 업무 환경과 커뮤니케이션 구조를 잘 따라올 수 있을지 다소 염려가 있었습니다. 그러나 개발자님은 매우 빠르게 업무에 적응하셨고, 저희 팀의 브랜드 방향성과 웹사이트 제작의 목적을 정확히 이해하며 협업을 주도적으로 이끌어주셨습니다. 상주 기간 동안의 적극적인 참여와 빠른 이해도 덕분에, 실제로는 계획했던 기간보다 훨씬 단축하여 효율적으로 개발을 완성할 수 있었습니다.
특히 인상 깊었던 점은 개발자님의 개발 역량뿐 아니라, 커뮤니케이션의 품질이 매우 뛰어났다는 점입니다. 요청사항에 대한 피드백이 빠르고 명확했으며, 개발 과정 중에도 기술적 제안이나 개선 포인트를 주도적으로 공유해주셔서, 저희가 놓칠 수 있는 부분을 적시에 보완할 수 있었습니다. 필요 자료나 계정, 디자인 에셋 등을 요청하실 때도 항상 구체적이고 체계적으로 정리해주셔서, 내부에서도 빠르고 깔끔하게 대응할 수 있었습니다. 이런 식의 유연한 커뮤니케이션이 프로젝트의 효율을 크게 높여주었다고 생각합니다.
또한, 개발 과정 내내 단순히 주어진 작업을 처리하는 것을 넘어, 최적화된 방식으로 구현하고자 하는 개발자님의 태도가 매우 인상적이었습니다. 저희가 전달한 기획의도를 깊이 이해하고, 그 의도를 가장 잘 살릴 수 있는 방법을 함께 고민해주셨고, 실제 결과물에서도 그 고민이 고스란히 반영되었습니다.
덕분에 저희 팀도 웹사이트 개발이 단순히 기능 구현에 그치는 것이 아니라, 브랜드를 효과적으로 전달하는 하나의 중요한 접점이라는 점을 다시 한 번 실감할 수 있었습니다.
이번 협업은 저희 회사 입장에서도 매우 소중한 첫 경험이었으며, 개발자님 덕분에 웹페이지 제작이라는 낯선 분야에서 긍정적인 출발을 할 수 있었습니다. 앞으로도 웹 개발이 필요한 프로젝트가 생긴다면, 주저 없이 다시 함께 일하고 싶을 만큼 만족스러운 협업이었습니다. 이번 프로젝트 동안 보여주신 성실함, 책임감, 높은 개발 역량에 진심으로 감사드립니다.
