聯絡我們

專案展示

查看更多案例研究

製作與開發實績（依年度）

Liberogic 提供廣泛的支援，涵蓋網頁應用程式開發、網頁無障礙服務、Headless CMS 建構、前端實作，以及 UI/UX 設計等，協助網站與網路服務的企劃、設計與開發。
我們使用 Next.js、Astro、React、Vue 等進行前端開發，運用 microCMS 與 Kuroco 建構 Headless CMS，並結合 Cloudflare 與 Supabase 開發網頁應用程式。此外，我們也承接 API 串接、業務系統、模擬功能、會員服務等多元專案。

從需求整理、技術選型、UI/UX 設計、專案統籌、專案管理，到實作、上線以及營運與改善，我們皆提供一貫的支援。
本頁介紹我們過去參與的製作與開發實績。其中，經我們提議刊登並獲得客戶同意的專案，會以案例研究的形式，更詳細地介紹其課題、執行內容與採用技術等。

2026年

其他 建置 + 維運 + LP 製作 + 無障礙檢測／改善 等多項

2025年

其他 建置 + 維運 + LP 製作 + 無障礙檢測／改善 等多項

2024年

2023年

  • 電機製造商客戶：學習內容網站 Auth0 登入整合（設計 + Nuxt.js 實作）
  • 銀行：貸款模擬邏輯實作（Next.js 實作）
  • Ember Point 股份有限公司：Engage Cros UI/UX 設計 + 設計（Figma）
  • 化妝品製造商客戶：教育內容前端製作（Pug 標記）
  • 政府機關客戶：企業用網站製作（Astro 前端實作）
  • 經營顧問公司客戶：企業用網站製作（規劃 + Figma + 設計 + 標記 + WordPress 客製實作）
  • 保險公司：網站改版（標記）
  • 汽車製造商客戶：車型比較內容改版（Figma + Next.js 實作）
  • 汽車製造商客戶：使用者社群網站開發（Figma + Next.js 實作）
  • 瓦斯公司客戶：企業官網開發（規劃 + Figma + microCMS + Next.js 實作）
  • 其他建置 + 維運 + 著陸頁製作等多項

2022年

  • 醫療研究所：工作流程 DX 化（UI/UX 設計 + Figma + React Next.js 實作）
  • 網頁系統公司：設計 + 標記範本開發（Figma + 標記）
  • Ember Point 股份有限公司：Engage Cros UI/UX 設計 + 設計（Figma）
  • 汽車製造商：服務網站設計（Figma + microCMS + React Next.js 實作）
  • 汽車製造商：經銷商網站設計 + 標記開發（Figma + 標記）
  • 政府機關：稅務相關登錄網站（標記 + React Next.js 實作）
  • IT 開發公司：官方網站改版（企劃 + 設計 + 視覺設計 + 標記 + WordPress 實作）
  • 其他建置 + 維運 + 著陸頁製作等多項

2021年

  • 電力公司：服務網站實作（標記 + React）
  • 營建公司：施工用電子看板開發（設備設計 + UI + 後端實作）
  • 辦公服務銷售公司：前端實作（標記 + React）
  • 金融系統公司：B2B 應用程式開發（設計 + UI + React Next.js 實作）
  • 保險公司：內部企業網路應用程式開發（設計 + UI + React Next.js 實作）
  • 其他建置 + 維運 + 著陸頁製作等多項

2020年

  • 銀行：服務畫面 React 實作，團隊開發（React Next.js 實作）
  • 製藥公司：積分系統網站建置（標記 + JavaScript 實作 + Laravel）
  • 政府機關：入境旅遊網站實作（設計 + 標記）
  • 建設公司：企業官網 + 子公司網站實作（MovableType + WordPress）
  • 鐵路公司：服務網站實作（JavaScript 實作）
  • 服務製造商：企業官網 + 服務網站開發（設計 + 標記 + WordPress 實作）
  • 銀行：使用者網站開發（PowerCMS + Vue.js Nuxt.js 實作）
  • 其他建置 + 維運 + 著陸頁製作等多項

2019 年

  • 化妝品製造商：SP 應用程式開發（React Native 實作）
  • 汽車製造商：多款車型網站 前端實作（設計 + 標記 + React Next.js 實作）
  • 汽車製造商：中古車網站實作（UI 設計 + 標記）
  • 瓦斯公司：模擬網站實作（標記 + JavaScript 實作）
  • 藥品製造商：聯盟行銷網站建置（標記 + JavaScript 實作 + CodeIgniter）
  • 藥品製造商：媒體網站建置（標記 + WordPress 實作）
  • 藥品製造商：企業網站建置（標記 + ALAYA 實作）
  • 其他建置 + 維運 + 著陸頁製作等多項

2018 年

  • 汽車製造商：官方網站前端實作（標記 + React Next.js 實作）
  • 汽車製造商客戶：多個車款網站 前端實作（標記 + React Next.js 實作）
  • 生活用品製造商客戶：入口網站改版實作（設計 + 標記）
  • 金融系統公司客戶：B2B 網路服務網站建置（設計 + 標記 + WordPress 實作）
  • 家具製造商客戶：網站建置（設計 + 標記 + WordPress 實作）
  • 非營利組織（NPO 法人）客戶：網站建置（設計 + 標記 + WordPress 實作）
  • 其他建置 + 維運 + 著陸頁製作等多項

案例分析