Agency / 2026.07
Agency Homepage Renewal — Before/After
기존 회사 홈페이지와 리디자인 시안을 공개 가능한 정적 스냅샷으로 재구성했습니다. 실제 서버 구조·고객사·운영 파일 데이터는 모두 제거하고, 더미 JSON만으로 탐색 가능한 Before/After 데모를 만들었습니다.
리뉴얼 정리·정적화·기밀 제거·포트폴리오 패키징
Metrics
- origin/renewal 다중 페이지 스냅샷 제공
- renewal 데이터는 더미 JSON 10종으로 동결
- 서버 스크립트·비공개 운영 경로·운영 파일·실제 고객 자산 미포함
Stack
Links
Problem
회사 홈페이지 리뉴얼은 보여줄 가치가 큰 작업입니다. 하지만 원본에는 내부 서버 구조, 비공개 운영 경로, 실제 고객 로고와 운영 데이터가 섞여 있어 그대로 공개할 수 없었습니다.
Idea
Agency 홈페이지 개편을 포트폴리오 대표 사례로 쓰되, 기밀 유출 없이 전/후 차이만 체험하게 만드는 정적 전시 방식에서 출발했습니다.
Decision
원본을 복사하지 않고 공개용 페이지를 다시 정리했습니다. 이전 사이트는 축약된 정적 페이지로, 리뉴얼은 더미 JSON을 읽는 다중 페이지 프런트엔드로 구성했습니다. 서버 스크립트·비공개 운영 경로·운영 파일·실제 고객 자산은 모두 제외했습니다.
Outcome
방문자는 기존 구조와 리뉴얼 구조를 각각 탐색할 수 있고, 포트폴리오에는 기밀 정보가 남지 않습니다. DevTools 차단은 불가능하다는 점도 본문에 분명히 적었습니다.
문제
홈페이지 리뉴얼은 시각적으로 설명하기 쉬운 작업입니다. 그렇다고 원본 저장소를 그대로 공개할 수는 없습니다. 실제 사이트 자산에는 비공개 운영 화면, 서버 스크립트, 운영 파일 경로, 고객 로고와 운영 데이터가 섞여 있었고, 포트폴리오에서는 “어떤 방향으로 개선했는가”만 보여주면 충분했습니다.
결정
공개 스냅샷은 원본 복제가 아니라 기밀 제거 후 재현으로 처리했습니다. 기존 사이트는 브랜드·메시지·문의 흐름을 보여주는 정적 페이지로 줄였고, 리뉴얼 사이트는 작품·서비스·사람·공지·문의가 더미 JSON으로 렌더되는 다중 페이지 데모로 만들었습니다.
코드 열람을 완전히 막을 수 있다고 말하지 않습니다. 브라우저 DevTools 차단은 원천적으로 불가능합니다. 이 데모는 열어 보더라도 서버 사이드 코드·소스 저장소·실제 고객 데이터가 없도록 만든 전시물입니다. 우클릭/F12/Ctrl+U 방지는 가벼운 오작동 방지용 장치일 뿐, 보안 장치가 아닙니다.
성과
Before/After 링크로 두 버전을 각각 탐색할 수 있고, 리뉴얼은 정적 호스팅만으로 작동합니다. 공개 포트폴리오에는 더미 데이터와 정적 런타임만 남겼습니다. 회사 기밀과 포트폴리오 설득력을 분리한 셈입니다.