프로젝트 배경
1) 문제점 - 글로벌 고객을 대상으로 한 브랜드 마이크로사이트를 단기간 내에 구축·배포해야 했습니다. - 정적 사이트로는 뉴스·공지·문의 등 콘텐츠를 비개발자가 직접 갱신하기 어려웠습니다. - 3D 제품 연출과 애니메이션이 많은 사이트 특성상 페이지 로딩 속도 저하 우려가 있었습니다. 2) 프로젝트 목표 - 정적 HTML의 가벼움을 유지한 한/영 글로벌 브랜드 마이크로사이트 구축 - Supab
프로젝트 성과
비개발자용 비주얼 CMS v1/v2 자체 개발
Supabase 기반 실시간 콘텐츠 편집과 미디어 라이브러리를 갖춘 관리자 CMS를 자체 개발해 개발자 개입 없이 사이트 운영이 가능
WebP 재인코딩 −34% · LCP/TBT 최적화
WebP 재인코딩(−34%)과 애니메이션 최적화로 LCP/TBT를 개선해 3D 인터랙션이 포함된 사이트의 로딩 속도 확보
서버리스 구성으로 단기간 구축·배포
Vercel 서버리스 배포와 Resend 메일링, 도메인/캐시 전략으로 별도 서버 운영 없이 글로벌 마이크로사이트를 단기간에 오픈
핵심 기능
진행 단계
구조 설계 · 정적 사이트 구축
2026.02.
정적 HTML 기반 브랜드 마이크로사이트 설계, 한/영 i18n 라우팅, 3D 제품 인터랙션, ARIA 접근성 구현
프로젝트 상세
1) 포트폴리오 소개 연매출 300억 규모 서버 하드웨어 브랜드 리안시스템의 글로벌 마이크로사이트(Ryan Arche Server)를 단기간에 구축·배포한 프로젝트입니다. 정적 HTML 사이트의 가벼움을 유지하면서, Supabase 백엔드와 자체 개발한 비주얼 관리자 CMS(v1/v2)로 비개발자가 직접 콘텐츠를 운영할 수 있는 환경까지 함께 제공했습니다. 2) 작업 범위 - 정적 HTML 기반 브랜







