Studio Gonggan
설명
인테리어 에이전시 웹사이트
기간
Jan 2026 - Feb 2026
역할
- 풀스택 개발: Next.js + Supabase 어드민 대시보드(포트폴리오 업로드 + 문의 관리) 풀스택 개발. 글로벌 클라이언트를 위한 i18n 시스템 아키텍처.
- 성능 엔지니어링: 이미지 포맷(AVIF/WebP) 자동 변환 및 캐싱 전략으로 Lighthouse 95+. SEO 점수 100, Google Search Console 등록, 구조화 데이터를 통한 검색 노출 최적화.
- UX/UI 디자인: 스튜디오의 건축 철학을 반영한 웹 인터페이스 및 직관적인 어드민 UI 디자인.
기술
Next.js · TypeScript · Tailwind CSS · next-i18n
GSAP · Lenis · Framer Motion
Supabase · Vercel
Google Search Console · Lighthouse CI
프로젝트 목적
"글로벌 미니멀리스트 건축." 스튜디오공간(Studio Gonggan)의 디자인 철학을 웹으로 옮기는 건 쉬운 쪽이었습니다. 어려운 조건은 스튜디오가 아무에게도 연락하지 않고 이 사이트를 직접 운영할 수 있어야 한다는 것이었습니다 — 프로젝트를 올리고, 문의에 답하고, 다른 언어의 고객에게 가닿는 일까지. 그래서 심미적인 면과 운영적인 면을 같은 기준으로 만들었고, 관리자 페이지도 뒤에 숨은 도구가 아니라 브랜드의 일부로 다뤘습니다.
범위
- · 브랜드 아이덴티티 웹 마이그레이션
- · 글로벌 i18n 지원
- · 통합 어드민 시스템 구축
- · SEO 최적화
주요 기술 특징
통합 어드민 & CRM 시스템
- · 스튜디오가 개발자 없이 프로젝트 이미지와 설명을 직접 올리고 고치고 지우는 대시보드를 만들었습니다.
- · 인테리어 상담 문의는 접수·진행·완료 상태와 함께 저장됩니다. 메일함에서 새어 나가는 건이 없습니다.
글로벌 현지화 엔진
- · 미들웨어가 브라우저 언어를 읽어 한국어와 영어를 자동으로 전환하고, 그 뒤에 다국어 SEO 구조를 갖춰뒀습니다.
- · 관리자에 등록한 프로젝트가 언어별로 중복 없이 매핑됩니다. 로케일마다 데이터를 복제하지 않습니다.
최고 수준 성능 & SEO
- · 코드 스플리팅과 폰트 최적화, 스크립트 지연 로딩으로 Lighthouse 점수를 95 이상으로 유지합니다.
- · JSON-LD 구조화 데이터로 테크니컬 SEO 점수 100을 받았고, Google Search Console 연동으로 사이트맵과 robots.txt까지 정리했습니다.
분위기 있는 스크롤 경험
- · Lenis와 GSAP가 무게감과 패럴랙스를 더합니다. 2차원 화면에 깊이가 생기는 건 여기서입니다.
디자인 포인트
절제된 타이포그래피
가독성과 형태를 겸비한 산세리프로, 장식 요소를 배제해 정보의 명확성과 브랜드 현대성을 강조합니다.
공백의 미학
콘텐츠 사이의 과감한 간격으로 사용자가 '공간' 브랜드 아이덴티티를 직관적으로 느끼면서 시각적 피로도를 줄입니다.
기능적 UI
어드민 페이지가 브랜드 톤 & 매너를 유지해 클라이언트가 백 오피스를 사용할 때도 일관된 브랜드 경험을 제공합니다.
갤러리
클릭하여 확대자주 묻는 질문
3D 인터랙티브 웹사이트는 일반 홈페이지와 무엇이 다른가요?
Three.js와 WebGL을 사용해 브라우저에서 3D 오브젝트가 움직이고 마우스와 스크롤에 반응하는 웹사이트입니다. 일반 홈페이지가 정보를 정리해 보여준다면, 3D 인터랙티브 웹은 브랜드의 인상을 체험으로 전달합니다. 패션, 뷰티, 건축, 전시처럼 브랜드 경험이 중요한 분야에서 효과가 큽니다.
웹사이트 제작 기간은 얼마나 걸리나요?
랜딩페이지는 7일, 5페이지 기업 웹사이트는 15일, 10페이지 3D 인터랙티브 웹은 30일을 기준으로 합니다. 자료를 전달받은 시점부터 기산하며 디자인 시안 확인과 피드백 일정에 따라 조정됩니다. 급한 일정이 있으시면 상담 시 말씀해 주시면 가능 여부를 먼저 확인해 드립니다.
호스팅, 도메인, 서버 비용은 따로 드나요?
SSL 보안 인증서 설치, 호스팅 세팅, 데이터베이스 구축은 무상으로 제공해 드립니다. 도메인 구입 비용만 의뢰인이 부담하시며 연 2~3만원 수준입니다. 계정은 처음부터 의뢰인 명의로 생성하므로 이후 담당자가 바뀌어도 서비스가 끊기지 않습니다.
완성 후 제가 직접 내용을 수정할 수 있나요?
관리자 페이지를 함께 구축해 드리므로 개발 지식 없이도 텍스트, 이미지, 게시물을 직접 수정하실 수 있습니다. 납품 시 관리자 사용 매뉴얼을 함께 전달해 드립니다. 화면 구조를 바꾸거나 새로운 기능을 추가하는 작업만 별도 개발이 필요합니다.