Client: TANG BADA SAN

Project: Website Building

Website Development, UX/UI Design

땅바다산 웹매거진은 Sanity 기반 Headless CMS와 Next.js 서버 컴포넌트 아키텍처를 중심으로, 콘텐츠 소비 중심의 미디어 구조에 최적화되도록 구축했습니다. 페이지네이션, 카테고리, 태그 탐색 흐름을 개선해 접근성과 발견성을 높였으며, SSG·ISR 기반 SEO 전략과 자동화된 메타·OG·구조화 데이터 생성으로 검색 환경에서도 효율적인 노출을 가능하게 했습니다.

또한 Sanity 이미지 파이프라인, 자동 리사이징, Lazy Loading 등 퍼포먼스 요소를 세심하게 조정해 모바일 환경에서 빠르고 안정적인 읽기 경험을 제공했습니다. 타이포그래피, 여백, 레이아웃 시스템을 재정비해 땅바다산이 가진 필드 감성과 에디토리얼 무드를 일관된 톤앤매너로 표현하는 데 초점을 맞춘 프로젝트였습니다.

The Tang Bada San web magazine was built using a Sanity-based headless CMS and a Next.js server component architecture, optimized for a content-driven media structure. Pagination, category flows, and tag-based navigation were refined to improve accessibility and content discoverability, while an SEO strategy combining SSG and ISR—along with automated meta, OG, and structured data generation—ensured effective visibility in search environments.

Performance was further enhanced through Sanity’s image pipeline, automatic resizing, and lazy loading to deliver a fast and stable reading experience, especially on mobile. Typography, spacing, and layout systems were restructured to express Tangbadasan’s field-driven editorial mood with a consistent and distinctive visual tone.
Website Development: @tapa_house
UX/UI Design: @tapa_house
tang-bada-san-website-building
tang-bada-san-website-building
tang-bada-san-website-building
tang-bada-san-website-building
tang-bada-san-website-building
tang-bada-san-website-building
tang-bada-san-website-building