2026Interior Agency
Studio Gonggan
설명
Interior Agency Website
기간
Jan 2026 - Feb 2026
역할
- 풀스택 개발: Next.js + Supabase 어드민 대시보드(포트폴리오 업로드 + 문의 관리) 풀스택 개발. 글로벌 클라이언트를 위한 i18n 시스템 아키텍처.
- 성능 엔지니어링: 이미지 포맷(AVIF/WebP) 자동 변환 및 캐싱 전략으로 Lighthouse 95+. SEO 점수 100, Google Search Console 등록, 구조화 데이터를 통한 검색 노출 최적화.
- UX/UI 디자인: 스튜디오의 건축 철학을 반영한 웹 인터페이스 및 직관적인 어드민 UI 디자인.
기술
Frontend
Next.js · TypeScript · Tailwind CSS · next-i18n
Animation
GSAP · Lenis · Framer Motion
Backend
Supabase · Vercel
Optimization
Google Search Console · Lighthouse CI
프로젝트 목적
"글로벌 미니멀리스트 건축." 스튜디오 공간의 디자인 철학을 디지털로 번역하는 것을 넘어, 운영 효율성과 글로벌 확장성을 고려한 '지속 가능한 웹 플랫폼'을 구축했습니다. 미적 완성도뿐 아니라, 클라이언트가 직접 콘텐츠를 관리하고 전 세계 잠재 고객과 소통할 수 있는 비즈니스 도구 기능을 강화했습니다.
범위
- · 브랜드 아이덴티티 웹 마이그레이션
- · 글로벌 i18n 지원
- · 통합 어드민 시스템 구축
- · SEO 최적화
주요 기술 특징
통합 어드민 & CRM 시스템
- · 다이나믹 포트폴리오 관리 - 클라이언트가 개발자 개입 없이 고품질 프로젝트 이미지와 설명을 CRUD하는 직관적인 대시보드.
- · 문의 추적 시스템 - DB에 저장된 인테리어 상담 기록과 상태 관리(접수/진행/완료).
글로벌 현지화 엔진
- · 매끄러운 i18n 아키텍처 - 미들웨어가 브라우저 언어를 감지해 한/영 자동 전환. 완벽한 다국어 SEO 구조.
- · 콘텐츠 동기화 - 어드민 페이지에 등록된 프로젝트 데이터가 언어별로 매끄럽게 매핑.
최고 수준 성능 & SEO
- · 코드 스플리팅, 폰트 최적화, 스크립트 레이지 로딩으로 Lighthouse 점수 95+ 달성.
- · JSON-LD 구조화 데이터로 기술 SEO 마스터리(점수 100). Google Search Console 연동으로 사이트맵과 robots.txt 최적화.
분위기 있는 스크롤 경험
- · Lenis 스무스 스크롤 & GSAP - 2D 화면에 공간적 깊이감을 더하는 물리적 무게감과 패럴랙스 효과.
디자인 포인트
절제된 타이포그래피
가독성과 형태를 겸비한 산세리프로, 장식 요소를 배제해 정보의 명확성과 브랜드 현대성을 강조합니다.
공백의 미학
콘텐츠 사이의 과감한 간격으로 사용자가 '공간' 브랜드 아이덴티티를 직관적으로 느끼면서 시각적 피로도를 줄입니다.
기능적 UI
어드민 페이지가 브랜드 톤 & 매너를 유지해 클라이언트가 백 오피스를 사용할 때도 일관된 브랜드 경험을 제공합니다.
갤러리
클릭하여 확대프로젝트 보기웹사이트 방문 →