[
  {
    "id": "mauroad",
    "slug": "mauroad",
    "name": "mauroad",
    "year": "2024",
    "kind": "tools",
    "tag": "地圖",
    "shortDesc": "掘路熱點地圖",
    "blurb": "掘路熱點地圖——依臨時交通通告推估，幫你查看今晚何處施工。",
    "url": "https://mauroad.com/hotspot_map",
    "cta": "打開地圖",
    "featured": true,
    "ctaHeadline": "今晚何處施工",
    "ctaSupport": "打開 mauroad 熱點圖，查看依臨時交通通告推估的掘路熱點。免費，非官方。",
    "images": [
      "assets/ui/crops/m-full.jpg",
      "assets/ui/crops/m-left.jpg",
      "assets/ui/crops/m-map-detail.jpg",
      "assets/ui/crops/m-center.jpg",
      "assets/ui/crops/m-right.jpg",
      "assets/ui/crops/m-corner.jpg"
    ],
    "heroCrops": [
      {
        "src": "assets/ui/crops/m-full.jpg",
        "title": "mauroad · map",
        "alt": "mauroad 熱點地圖全貌"
      },
      {
        "src": "assets/ui/crops/m-left.jpg",
        "title": "mauroad · left",
        "alt": "mauroad 左側篩選欄"
      },
      {
        "src": "assets/ui/crops/m-center.jpg",
        "title": "mauroad · centre",
        "alt": "mauroad 地圖中央熱點"
      },
      {
        "src": "assets/ui/crops/m-map-detail.jpg",
        "title": "mauroad · detail",
        "alt": "mauroad 地圖細節"
      },
      {
        "src": "assets/ui/crops/m-right.jpg",
        "title": "mauroad · right",
        "alt": "mauroad 右側地圖"
      },
      {
        "src": "assets/ui/crops/m-topbar.jpg",
        "title": "mauroad · top",
        "alt": "mauroad 頂部列"
      },
      {
        "src": "assets/ui/crops/m-corner.jpg",
        "title": "mauroad · corner",
        "alt": "mauroad 角落視圖"
      }
    ],
    "ctaImage": "assets/ui/mauroad-map.png",
    "cover": "assets/ui/mauroad-map.png",
    "caseTitle": "mauroad：今晚何處施工，一目了然",
    "caseSubtitle": "依臨時交通通告推估的掘路熱點地圖——免費、非官方。",
    "caseRole": "產品設計 · 前端",
    "sections": [
      {
        "heading": "一、背景：為何要做一張掘路圖？",
        "body": [
          "澳門夜間施工掘路十分常見。臨時交通通告雖有公開，但多數人不會逐份閱讀——出門才發現封路，往往為時已晚。",
          "mauroad 想解決的是：把散落的通告，收成一張可以掃一眼的熱點地圖。"
        ],
        "bullets": [
          "通告文字分散，不易一次看完",
          "出門才知封路，改道成本高",
          "希望有一張「今晚何處要注意」的圖"
        ],
        "figures": [
          {
            "src": "assets/ui/mauroad-map.png",
            "caption": "熱點地圖全貌：顏色濃淡代表掘路熱度"
          }
        ]
      },
      {
        "heading": "二、做法：通告 → 推估 → 地圖",
        "body": [
          "做法很直接：讀取公開臨時交通通告，依地點與時段推估掘路熱點，再標示在地圖上。資料並非官方即時路況，而是通告推估——頁面會清楚說明。"
        ],
        "bullets": [
          "左側篩選：依需要縮小範圍",
          "地圖主視圖：熱點一目了然",
          "細節區：清楚查看哪一段路"
        ],
        "figures": [
          {
            "src": "assets/ui/crops/m-left.jpg",
            "caption": "左側篩選欄"
          },
          {
            "src": "assets/ui/crops/m-map-detail.jpg",
            "caption": "地圖細節"
          }
        ]
      },
      {
        "heading": "三、成果",
        "body": [
          "目前 mauroad 熱點圖已上線：打開即可查看今晚附近何處可能施工。免費使用，無需註冊。"
        ],
        "bullets": [
          "熱點地圖主畫面",
          "篩選與細節視圖",
          "清楚標明：非官方、依通告推估"
        ],
        "figures": [
          {
            "src": "assets/ui/crops/m-full.jpg",
            "caption": "完整介面一覽"
          },
          {
            "src": "assets/ui/crops/m-center.jpg",
            "caption": "中央熱點區"
          }
        ]
      },
      {
        "heading": "四、如何試用",
        "body": [
          "點擊下方按鈕打開地圖即可。出門前掃一眼，或分享給鄰里——若覺得有用就最好。"
        ],
        "bullets": [],
        "figures": []
      }
    ]
  },
  {
    "id": "macau430",
    "slug": "macau430",
    "name": "macau430",
    "year": "2025",
    "kind": "education",
    "tag": "教育",
    "shortDesc": "統考練習場",
    "blurb": "統考練習場——自己用、朋友用、鄰里考生都用得着的題庫。",
    "url": "https://macau430.com",
    "cta": "開始練習",
    "featured": false,
    "ctaHeadline": "統考想練就練",
    "ctaSupport": "macau430 是統考練習場，題目與介面都為本地考生而設。",
    "images": [
      "assets/ui/crops/c-full.jpg",
      "assets/ui/crops/c-hero.jpg",
      "assets/ui/crops/c-cards.jpg",
      "assets/ui/crops/c-left.jpg",
      "assets/ui/crops/c-mid.jpg",
      "assets/ui/crops/c-right.jpg"
    ],
    "heroCrops": [
      {
        "src": "assets/ui/crops/c-full.jpg",
        "title": "macau430 · home",
        "alt": "macau430 首頁"
      },
      {
        "src": "assets/ui/crops/c-hero.jpg",
        "title": "macau430 · hero",
        "alt": "macau430 頂部入口"
      },
      {
        "src": "assets/ui/crops/c-cards.jpg",
        "title": "macau430 · cards",
        "alt": "macau430 練習卡片"
      },
      {
        "src": "assets/ui/crops/c-left.jpg",
        "title": "macau430 · left",
        "alt": "macau430 左側區塊"
      },
      {
        "src": "assets/ui/crops/c-mid.jpg",
        "title": "macau430 · mid",
        "alt": "macau430 中段介面"
      },
      {
        "src": "assets/ui/crops/c-right.jpg",
        "title": "macau430 · right",
        "alt": "macau430 右側區塊"
      }
    ],
    "ctaImage": "assets/ui/macau430-home.png",
    "cover": "assets/ui/macau430-home.png",
    "caseTitle": "macau430：統考想練就練的練習場",
    "caseSubtitle": "為本地考生打造的題庫與練習介面——自己用、朋友用、鄰里都用得着。",
    "caseRole": "產品設計 · 前端",
    "sections": [
      {
        "heading": "一、背景：練題不該這麼麻煩",
        "body": [
          "統考臨近，最需要的是穩定練習：找題、做題、對答案。資料散落各處、介面不為本地考生着想，就會拖慢時間。",
          "macau430 想做一個「打開就可以練」的練習場——題目與介面都為澳門考生而設。"
        ],
        "bullets": [
          "希望隨時打開就能練，不必四處搜尋",
          "介面要清楚：選科、做題、查看進度",
          "自己、朋友、鄰里考生都用得着"
        ],
        "figures": [
          {
            "src": "assets/ui/macau430-home.png",
            "caption": "首頁：練習入口與科目卡片"
          }
        ]
      },
      {
        "heading": "二、做法：入口清楚、練習路徑短",
        "body": [
          "設計重點是縮短「打開 → 開始做題」的路徑。首頁以卡片展示練習入口，再進入題目與相關區塊——少一點裝飾，多一點用得着的資訊。"
        ],
        "bullets": [
          "頂部入口：一眼知道去哪裡練習",
          "練習卡片：依科目／類型選擇",
          "內頁區塊：題目與輔助資訊排清楚"
        ],
        "figures": [
          {
            "src": "assets/ui/crops/c-hero.jpg",
            "caption": "頂部入口"
          },
          {
            "src": "assets/ui/crops/c-cards.jpg",
            "caption": "練習卡片"
          }
        ]
      },
      {
        "heading": "三、成果",
        "body": [
          "macau430.com 已上線。考生可在瀏覽器直接練習；之後有新題或新科目，都會繼續放在同一個練習場。"
        ],
        "bullets": [
          "首頁與練習入口",
          "科目／練習卡片",
          "為本地考生調整的介面"
        ],
        "figures": [
          {
            "src": "assets/ui/crops/c-full.jpg",
            "caption": "完整首頁一覽"
          },
          {
            "src": "assets/ui/crops/c-mid.jpg",
            "caption": "中段介面"
          }
        ]
      },
      {
        "heading": "四、如何試用",
        "body": [
          "點擊下方「開始練習」即可前往 macau430。適合考前日常練手——覺得好用，可以分享給同學。"
        ],
        "bullets": [],
        "figures": []
      }
    ]
  }
]