--- title: "Shiimain 사례 연구: 장소 중심의 지역 데이터 — Dardo" description: "Shiimain은 장소에서 출발해 목적을 설명하고, 누구나 공공 근거를 탐색할 수 있게 하는 지역 인텔리전스 인터페이스입니다." url: "https://dardo.studio/ko/work/shiimain/" language: "ko" translations: {"en":"https://dardo.studio/en/work/shiimain/","es":"https://dardo.studio/es/proyectos/shiimain/","fr":"https://dardo.studio/fr/realisations/shiimain-etude-de-cas-web-design/","de":"https://dardo.studio/de/referenzen/shiimain-webdesign-fallstudie/","it":"https://dardo.studio/it/lavori/shiimain-caso-studio-web-design/","pt":"https://dardo.studio/pt/projetos/shiimain-estudo-de-caso-web-design/","nl":"https://dardo.studio/nl/werk/shiimain-webdesign-case-study/","sv":"https://dardo.studio/sv/utvalda-projekt/shiimain-webbdesign-fallstudie/","pl":"https://dardo.studio/pl/realizacje/shiimain-studium-przypadku-projekt-strony/","uk":"https://dardo.studio/uk/work/shiimain/","ru":"https://dardo.studio/ru/work/shiimain/","ar":"https://dardo.studio/ar/work/shiimain/","hi":"https://dardo.studio/hi/work/shiimain/","th":"https://dardo.studio/th/work/shiimain/","ja":"https://dardo.studio/ja/work/shiimain/","zh-Hans":"https://dardo.studio/zh-Hans/work/shiimain/","zh-Hant":"https://dardo.studio/zh-Hant/work/shiimain/"} updated: "2026-09-20" --- 사례 연구 # Shiimain Shiimain은 장소에서 출발해 그 뒤에 있는 근거를 펼쳐 보이는 지역 인텔리전스 인터페이스입니다. 이 프로젝트는 지리적 맥락, 공공 정보, 탐색형 대시보드를 하나로 결합했습니다. 2026 · 웹 디자인 / 개발 / 데이터 스토리텔링 [웹사이트 방문](https://shiimain.vercel.app/) ![Shiimain — 웹사이트 미리보기](https://dardo.studio/_astro/01M4H71FJ02S217ZMHXF7HVPS4_pjTO8.webp) Shiimain / Dardo 프로젝트 · [웹사이트 방문 ](https://shiimain.vercel.app/) ## 지역에서 시작해 데이터셋을 보여주다 대시보드는 자칫 한 장소를 지표의 모음처럼 느끼게 만들 수 있습니다. Shiimain은 그 순서를 뒤집습니다. 지도와 근거 화면이 분석을 요구하기 전에, 오프닝에서 먼저 지역에 시각적·서사적 존재감을 부여합니다. 이를 통해 읽는 사람은 모든 수치가 특정한 지역, 기간, 출처에 속한다는 점을 이해하게 됩니다. 이 접근에는 책임도 따릅니다. 시각적 서사가 데이터 공백, 불확실한 정의, 날짜를 가려서는 안 됩니다. 이런 정보는 근거 옆에 함께 있어야 하며, 차트나 지도를 원래 화면 밖으로 공유할 때도 계속 확인할 수 있어야 합니다. ## 방향 파악에서 면밀한 검토로 넘어가는 전환을 설계하다 이 프로젝트는 랜딩 내러티브, 지리 탐색, 더 밀도 높은 근거 화면을 서로 다른 수준의 집중도로 활용합니다. 각 단계는 선택한 장소를 그대로 유지하고 다음 행동을 분명히 보여줘야 합니다. 필터, 범례, 출처 표기는 사용자가 보는 내용의 의미를 좌우하므로, 장식적인 전환 효과보다 훨씬 확실하게 화면에 남아 있어야 합니다. - 화면이 바뀌어도 지역, 기간, 출처는 계속 보이게 합니다. - 비어 있거나 확인할 수 없는 값은 렌더링 오류가 아니라 하나의 정보로 다룹니다. - 공유한 차트에도 해석에 필요한 맥락이 그대로 담기게 합니다. ## 실제 운영 버전에 여전히 필요한 것 실제 서비스로 운영하려면 데이터 담당자 지정, 갱신 일정, 정규화 규칙, 인터페이스에 표시되는 출처 이력, 지리 화면의 접근성 대안, 공식 원천 합계와 대조하는 테스트가 필요합니다. 프로토타입은 정보 탐색의 흐름을 보여줍니다. 운영 수준의 정확성은 이러한 추가적인 약속과 검증에 달려 있습니다. ## 프로토타입의 근거와 그 한계 공개된 Vercel 배포본과 구현 결과물은 2026년 9월 20일에 확인했습니다. 이는 공공 출처의 근거를 보여주고 누락된 근거도 드러내는 Vite와 React 기반 클라이언트 사이드 프로토타입입니다. 이 작업은 프로덕션 백엔드, 인증, 쓰기 기능이 없는 보관된 학습 프로젝트입니다. 이렇게 한계를 밝혀 두면, 시연용 결과물을 실제 운영 중인 기관 플랫폼으로 오해하지 않고 인터페이스와 데이터 스토리텔링 작업만을 평가할 수 있습니다. ## 근거와 한계 이 페이지는 공개 프로토타입과 눈에 보이는 정보 디자인 결정을 기록한 것입니다. 기반이 되는 데이터셋을 보증하거나, 기관에서 도입했다고 주장하거나, 인용된 공공 기록을 이 인터페이스가 대체한다고 내세우지 않습니다. ![Shiimain — 라과히라 탐색](https://dardo.studio/_astro/01M4H71DKA2GRT1GRQARR6AAVM_Z2tkN5y.webp) 라과히라 탐색 ![Shiimain — 지역 근거 대시보드](https://dardo.studio/_astro/01M4H71DF0XKJWY8EB0THB59FY_k61Fe.webp) 지역 근거 대시보드 [웹사이트 방문](https://shiimain.vercel.app/) ## 출처 및 추가 자료 주요 프로젝트 근거: 이 사례를 위해 Dardo가 검토한 실제 운영 환경과 구현 세부 내용입니다. - [Shiimain 라이브 프로토타입](https://shiimain.vercel.app/) · shiimain.vercel.app [Dardo](https://dardo.studio/ko/) · [작업물](https://dardo.studio/ko/work/) · Shiimain ## 계속 둘러보세요. - [서비스 · **콜롬비아 보고타의 맞춤형 웹 디자인 스튜디오**](https://dardo.studio/ko/services/web-design/) - [서비스 · **인터랙티브 웹사이트를 만드는 크리에이티브 디벨롭먼트 스튜디오**](https://dardo.studio/ko/services/creative-development/) - [나의 프로젝트 · **상담 시작하기**](https://dardo.studio/ko/contact/)