프로젝트 개요

홈페이지 제작부터 문의 접수, 프로젝트 관리, 파트너 배정, 결제·정산까지 — 웹 에이전시 운영에 필요한 모든 흐름을 하나로 묶은 올인원 웹 플랫폼을 직접 설계·개발했습니다. 코드 없이 사이트를 만드는 빌더와, 그 사이트를 굴리는 백오피스가 같은 시스템 안에 있습니다.

1. 노코드 사이트 빌더

Hero·배너·CTA·갤러리·FAQ·후기·타임라인·영상·가격표·통계·게시판 등 23종의 섹션 블록을 조합해 홈·서브 페이지를 자유롭게 구성합니다. 색상·타이포·여백·버튼·모션을 묶은 디자인 토큰으로 사이트 전체 톤을 슬라이더 하나로 일괄 조정하고, fade·Ken Burns·타자기·마퀴·카운트업 등 다양한 GSAP 모션을 전역 제어합니다.

노코드지만 자유도는 그대로 — 커스텀 HTML 섹션을 지원해, 정해진 블록으로 부족할 때는 직접 HTML 마크업을 넣어 원하는 화면을 만들 수 있습니다.

2. 운영 자동화 (백오피스)

방문자의 문의·제작 의뢰가 들어오면 관리자에서 프로젝트로 전환하고, 파트너(외주 인력)를 모집·배정합니다. 결제·정산·세금·지출을 한 곳에서 관리하는 재무 현황까지 포함해 영업–제작–정산이 끊김 없이 이어집니다.

3. 멀티테넌트 & 온프레미스 — 여러 홈페이지를 한 번에

하나의 시스템으로 여러 브랜드·기관의 사이트를 동시에 분리 운영할 수 있습니다(멀티테넌트). 또한 스토리지·도메인·이메일·캡차를 어댑터로 추상화해, 클라우드를 쓰지 않고 자체(로컬·온프레미스) 서버에도 설치할 수 있도록 설계했습니다.

그래서 대학교 학과별 홈페이지나 협회·단체처럼 여러 개의 사이트를 함께 운영해야 하고, 데이터를 외부 클라우드에 두기 어려운 조직에 특히 적합합니다. 한 번 설치하면 학과·부서·지부별 사이트를 비개발자가 각자 직접 관리할 수 있습니다.

4. 기술적 특징

• AI 콘텐츠 생성 — 블로그 주제·초안, 사례 요약, 서비스·FAQ, SEO 메타를 AI로 자동 생성

• SEO 자동화 — 메타·OpenGraph·sitemap·robots·구조화 데이터(JSON-LD) 일원화

• 이미지 최적화 — 업로드 시 WebP 자동 변환 + next/image

• 권한·보안 — 역할 기반 접근제어(RBAC), 변경 이력·시점 복구, 2단계 인증

• 접근성 — 모든 모션이 prefers-reduced-motion·모바일 비활성을 자동 존중

결과

기획·디자인·개발·운영·정산이 하나의 관리자에서 끝나는 올인원 구조로, 비개발자도 사이트 제작과 콘텐츠 발행, 운영 업무를 직접 수행할 수 있습니다. 클라우드와 온프레미스를 모두 지원해 도입 환경 제약도 낮췄습니다.