昀楷 Akai

網站作品集
找我做網站

作品集

網站，
現點現做。

官網、資料平台、流程工具、AI 功能、互動小遊戲都做過。每一個都照它要說的事量身設計，所以長得都不一樣。螢幕上這幾個都還在線上運作，點進去就能逛。

  • 15件作品
  • 9個網站正在線上
  • 6種網站類型
transtation.org

01 / 09

  • 形象官網
  • 互動網頁與小遊戲

轉駅創研試驗所官網

從車窗看臺東的沿途風景

我們團隊的官網。整個網站是一節火車車廂，每一頁都是一扇窗，你現在待的這間咖啡廳也是它的一部分。

  • 窗外是南迴線臺東沿線的風景，跟著臺東當下的時段換成清晨、白天、黃昏或夜晚
  • 列車進站的開場動畫，每位成員都有自己的個人頁
  • 線上預購、小遊戲、更新紀錄都長在同一個站裡

02 / 09

  • 形象官網
  • 互動網頁與小遊戲

臺東青年志工中心

每個入口都是島上的一個地點

臺東青年志工中心的入口網站。申請獎勵金、報名活動、學校合作、聯絡中心，都從這座小島進去。

  • 首頁是一座可以轉的 3D 小島，點地點就看得到說明和連結
  • 按「下一關」一站一站逛，也可以直接看下面的清單
  • 專案型收件倒數、近期活動，過了期限自己下架

03 / 09

  • 資料庫與查詢平台
  • AI 功能

參詳金牌

獎補助媒合 × 計畫書參詳

整理台灣公部門與民間的獎補助。說說你在做什麼，就找得到能申請的補助，從臺東起步、服務全臺，全部免費。

  • 輸入一句團隊介紹，就推薦適合申請的獎補助
  • 用評審的角度幫你參詳計畫書，順便檢測 AI 味
  • 在站上直接寫計畫書，截止前提醒你

04 / 09

  • 地圖與公民參與

林事 Neighbor Woods

根性・枝態，我們的林事

源自志工中心城市森林計畫。台東第一個以公民回報為基礎的城市樹木健康資料庫：在你的城市，找回一片森林。

  • 臺東的行道樹都在地圖上，點開就看得到健康狀況
  • 任何人都能回報身邊那棵樹，第一次來有導覽帶著走
  • 大家的回報累積成城市樹木的公民科學資料

05 / 09

  • 互動網頁與小遊戲
  • 地圖與公民參與

開封青年

一座由臺東青年組成的島

一座由臺東青年組成的島。每個小人都是一位真實的臺東青年，點一下就能認識；你也可以捏一個自己，丟上來。

  • 整座島可以拖著逛、切換白天和晚上，也能換成像素模式
  • 點小人看名牌，認識住在島上的臺東青年
  • 一分鐘捏一個自己丟上島，還有自己的頁面可以分享

06 / 09

  • 流程工具與後台

照起工

社群貼文協作工具

給社群小編與代操團隊的協作工具。客戶、設計師都待在 LINE 裡，就能把一篇貼文從素材走到上線。

  • 客戶在 LINE 傳素材、看預覽、按核准
  • 設計師在 LINE 收派工、交圖
  • 你在後台寫文案、排程，時間到自動發到 Instagram 和 Threads

07 / 09

  • 資料庫與查詢平台
  • 流程工具與後台

學生議會數位法典

國立臺東大學學生議會

把學生會 38 部自治法規、772 條條文整理成查得到、讀得懂的數位法典，還附上議事系統。

  • 法規檢索、條文互相參照，修正沿革逐條可以溯源
  • 提案前先檢核合不合法
  • 會議時程管理與提醒

08 / 09

  • 流程工具與後台
  • AI 功能

ALL PASS 通關系統

青年自組團隊全程通關

陪青年自組團隊跑完志工服務計畫的自檢工具，臺東青年志工中心製作。

  • 認識計畫、準備提案、寫計畫書、出隊籌備、結案預檢，五關一步一步帶
  • 計畫書寫到一半，一鍵複製提示詞去問自己的 AI，也能用評審的角度挑毛病
  • 計畫說明、場域資料庫一起查

09 / 09

  • 形象官網

開封系列 UNBOXING

把臺東，一格一格打開

轉駅創研的內容系列站，「開封青年」「開封臺東」都收在這裡。

  • 一個入口收齊整個系列，新的系列直接往上加
  • 水彩質感的視覺，每個系列各有自己的顏色
逛逛網站

也做過

  • 慢食出張所 SLOW FOOD HOUSE

    日治老屋活化的慢食基地官網，有會員、遊程報名與中控台，中、英、日、義四種語言。

  • 臺東循環永續平台 TAITUNG LOOP

    把「永續檢核指引」做得更數位、更直覺，讓活動方和參與者都參與得了永續。

  • 棒ㄉ BOND

    活動資訊社交系統：一個平台外掛活動資訊、電子名片、互動、學習單、回饋、證書、合作夥伴七個模組。

  • Parcel 獨立交付

    把 HTML、Markdown、PDF 變成一條匿名連結，附上回覆表單，對方免註冊就能看、能回。開源。

  • Railway

    優化活動企劃與專案管理流程的內部工具。

  • 2026 青年活動推薦

    網頁版簡報，彙整近期值得參與的青年活動。

點一份網站

想做網站、想把手上的資料或流程變成工具，都可以來點。還不知道要點什麼也沒關係，從聊聊開始。

MENU

網站菜單

點一下加進點單，再點一次拿掉。

  • 例：

  • 例：

  • 例：

  • 例：

  • 例：

  • 例：

每一份都附上

  • 手機、平板、電腦都好用
  • 幫你上線、接好自己的網域
  • 搜尋引擎找得到、分享出去有預覽圖

AKAI'S COFFEE

點單

  • 還沒點。從菜單點，或直接寫在下面的想法裡也可以。
什麼時候要？
複製點單，去 Instagram 私訊

習慣寫信也可以：[email protected]

按下去會先把點單複製起來，到私訊裡貼上送出就好。

複製的內容長這樣
嗨昀楷，我想點一份網站！
・想做：還不確定，想先聊聊

（從 transtation.org/akai 的點單複製來的）

謝謝光臨

從點餐到出餐

  1. 01

    點餐

    說說你想做什麼、給誰用、什麼時候要。還沒想清楚也沒關係，聊聊就會清楚。

  2. 02

    開菜單

    整理成要做的功能、時程和報價，你點頭再開工。

  3. 03

    現做

    邊做邊給你看，看到實際畫面再調整。

  4. 04

    出餐

    上線、接好網域，交接怎麼用。