聯絡我們

專案展示

制作/開發實績（近年度別）

已獲得刊登授權的專案將於個案研究中陸續公開。

Liberogic 提供涵蓋設計、標記語言、前端開發至 CMS 構建的全方位服務，以滿足客戶多樣化的需求。我們從指導到專案管理進行全面對應，確保專案順利進行。同時，我們也承接網頁構建相關的顧問業務，基於最新技術和趨勢提供建議，為客戶提出靈活且量身打造的解決方案。

2025年

  • 建設公司 A：公司網站 + 11 個關聯企業網站改版（指導 + 設計 + 規劃 + 構建：Astro + microCMS + Cloudflare）
  • 一般財團法人日本情報經濟社會推進協會（英文名稱：JIPDEC）：搜尋網站改版（設計 + 規劃 + 開發：Next.js + Kuroco）
  • 銀行 A：多個企業服務著陸頁面 / 網站內容構建（設計 + Next.js 實裝）
  • 家電製造商 A：海外電商網站無障礙網頁設計對應
  • 汽車製造商 A：媒體網站構建（microCMS 實裝）
  • 娛樂製作公司A：永續內容製作（設計 + 靜態標記）
  • 銀行C：永續內容實裝（PowerCMS + Nuxt.js 實裝）
  • 建設公司A：內部影片系統構築（microCMS + Next.js + Cloudflare）
  • 銀行B：資安內容實裝（Next.js 實裝）
  • 銀行A：貸款模擬器邏輯變更（Next.js 實裝）
  • 翻新公司A：行銷影片製作

其他 構築 + 運維 + 落地頁製作 + 無障礙診斷/對應 等多項

2024年

2023年

  • 電機製造商：學習內容網站 Auth0 登入整合（設計 + Nuxt.js 實作）
  • 銀行 C：貸款模擬計算邏輯實作（Next.js 實作）
  • Ember Point 股份有限公司：Engage Cros UI/UX 設計 + 設計（Figma）
  • 化妝品製造商 B：教育內容前端製作（Pug 標記）
  • 政府機構：企業網站製作（Astro 前端實作）
  • 管理諮詢公司：企業網站製作（規劃 + Figma + 設計 + 標記 + WordPress 自訂實作）
  • 保險公司B：網站改版（標記語言）
  • 汽車製造商 A：車型比較內容改修（Figma + Next.js 實作）
  • 汽車製造商 A：使用者社群網站開發（Figma + Next.js 實作）
  • 瓦斯公司 B：企業網站開發（規劃 + Figma + microCMS + Next.js 實作）
  • 其他 構建 + 營運 + 著陸頁面製作等多項專案

2022年

  • 醫療研究所：工作流程 DX 化（UI/UX 設計 + Figma + React Next.js 實裝）
  • 網路系統公司：設計 + 標記語言範本開發（Figma + 標記語言）
  • Ember Point 股份有限公司：Engage Cros UI/UX 設計 + 設計（Figma）
  • 汽車製造商 A：服務網站設計（Figma + microCMS + React Next.js 實裝）
  • 汽車製造商 B：特約店網站設計 + 標記語言開發（Figma + 標記語言）
  • 政府機關：稅務登記網站（標記語言 + React Next.js 實裝）
  • IT 開發企業：官方網站改版（企劃 + 設計 + 設計 + 標記語言 + WordPress 實裝）
  • 其他 構建 + 營運 + 著陸頁面製作等多項專案

2021年

  • 電力公司：服務網站實裝（標記語言 + React）
  • 建設公司：工程用數位看板開發（設備設計 + UI + 後端實裝）
  • 辦公室服務銷售公司：前端實裝（標記語言 + React）
  • 金融系統公司：B2B 應用程式開發（設計 + UI + React Next.js 實裝）
  • 保險公司 A：內部內部網路應用程式開發（設計 + UI + React Next.js 實裝）
  • 其他 構建 + 營運 + 著陸頁面製作等多項專案

2020年

  • 銀行 D：服務畫面 React 實裝 團隊開發（React Next.js 實裝）
  • 製藥廠商：點數系統網站構建（標記 + JavaScript 實裝 + Laravel）
  • 政府機構：入境網站實裝（設計 + 標記）
  • 建設公司：企業網站 + 子公司網站實裝（MovableType + WordPress）
  • 鐵路公司：服務網站實裝（JavaScript 實裝）
  • 服務廠商：企業網站 + 服務網站開發（設計 + 標記 + WordPress 實裝）
  • 銀行 C：使用者網站開發（PowerCMS + Vue.js Nuxt.js 實裝）
  • 其他 構建 + 營運 + 著陸頁面製作等多項專案

2019年

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

2018年

  • 汽車製造商A案例：官方網站前端實裝（標記 + React Next.js實裝）
  • 汽車製造商 A：多個車型網站 前端實作（標記語言 + React Next.js 實作）
  • 日用品製造商：入口網站改版實作（設計 + 標記語言）
  • 金融系統公司：B2B Web 服務網站建構（設計 + 標記語言 + WordPress 實作）
  • 家具製造商：Web 網站建構（設計 + 標記語言 + WordPress 實作）
  • NPO 法人 A：Web 網站建構（設計 + 標記語言 + WordPress 實作）
  • 其他 構建 + 營運 + 著陸頁面製作等多項專案

案例分析