Studio Gonggan
DESCRIPTION
Interior Agency Website
DURATION
Jan 2026 - Feb 2026
MY ROLE
- Full Stack Dev: Next.js + Supabase admin dashboard (portfolio upload + inquiry management) full stack development. i18n system architecture for global clients.
- Performance Engineering: Lighthouse 95+ through image format (AVIF/WebP) auto-conversion and caching strategy. SEO Score 100, Google Search Console registration, search exposure optimization via structured data.
- UX/UI Design: Web interface reflecting studio's architectural philosophy and intuitive admin UI design.
TECH
Next.js · TypeScript · Tailwind CSS · next-i18n
GSAP · Lenis · Framer Motion
Supabase · Vercel
Google Search Console · Lighthouse CI
Project Purpose
"Global Minimalist Architecture." Beyond translating Studio Gonggan's design philosophy into digital form, we built a 'sustainable web platform' that considers operational efficiency and global scalability. We strengthened not only aesthetic completion but also the business tool functionality that allows clients to directly manage content and communicate with potential customers worldwide.
Scope
- · Brand Identity Web Migration
- · Global i18n Support
- · Integrated Admin System Build
- · SEO Optimization
Key Technical Features
Integrated Admin & CRM System
- · Dynamic Portfolio Management - intuitive dashboard for clients to CRUD high-quality project images and descriptions without developer intervention.
- · Inquiry Tracking System - interior consultation records stored in DB with status management (received/in progress/completed).
Global Localization Engine
- · Seamless i18n Architecture - middleware detects browser language for automatic Korean/English switching with perfect multilingual SEO structure.
- · Content Synchronization - project data registered in admin page mapped smoothly per language.
Elite Performance & SEO
- · Lighthouse Score 95+ through code splitting, font optimization, script lazy loading.
- · Technical SEO Mastery (Score 100) with JSON-LD structured data. Google Search Console Integration for sitemap and robots.txt optimization.
Atmospheric Scroll Experience
- · Lenis Smooth Scroll & GSAP - physical weight and parallax effects for spatial depth on 2D screen.
Design Points
Restrained Typography
Sans-serif with readability and form, excluding decorative elements to emphasize information clarity and brand modernity.
The Aesthetics of Void
Bold spacing between content so users intuitively feel the 'space' brand identity while reducing visual fatigue.
Functional UI
Admin page maintains brand tone & manner for consistent brand experience when clients use back office.