--- title: "Shiimain事例:場所を軸に整理した地域データ — Dardo" description: "Shiimain:場所から始まり、その目的を説明し、公的なエビデンスを探索できる地域インテリジェンスのインターフェース。" url: "https://dardo.studio/ja/work/shiimain/" language: "ja" 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/","ko":"https://dardo.studio/ko/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/ja/) · [制作実績](https://dardo.studio/ja/work/) · Shiimain ## もっと見る - [サービス · **コロンビア・ボゴタのオーダーメイド・ウェブデザインスタジオ**](https://dardo.studio/ja/services/web-design/) - [サービス · **インタラクティブなウェブサイトを手がけるクリエイティブ開発スタジオ**](https://dardo.studio/ja/services/creative-development/) - [あなたのプロジェクト · **まずはご相談ください**](https://dardo.studio/ja/contact/)