项目展示

制作与开发案例(按年度)

Liberogic 提供广泛的网站与网络服务策划、设计与开发支持,包括 Web 应用开发、Web 无障碍服务、无头 CMS 构建、前端实现以及 UI/UX 设计。
我们使用 Next.js、Astro、React、Vue 等进行前端开发,借助 microCMS 和 Kuroco 构建无头 CMS,并结合 Cloudflare 与 Supabase 开发 Web 应用,同时提供 API 对接、业务系统、模拟计算功能、会员服务等多种项目支持。

我们从需求梳理、技术选型、UI/UX 设计、项目指导、项目管理,到实现、上线及运营改进,提供一站式支持。
本页面介绍我们过往参与的制作与开发案例。其中,经我们提议刊载并获得许可的项目,将以案例研究的形式,更详细地介绍其课题、实施内容及采用的技术等。

2026年

  • 丰田汽车:SNS运营管理系统“TOYOTA Social Hub”构建(平台设计/构建、UI/UX设计、项目指导/PM:Supabase + Cloudflare + SendGrid + box)
  • 保险公司:Headless CMS 重构(microCMS + Next.js + AWS 实现)
  • 燃气公司:Headless CMS 重构(microCMS + Next.js + Vercel 实现)
  • 房贷公司:企业官网重构(microCMS + Astro + Cloudflare 实现)
  • 银行客户:贷款模拟器逻辑变更(Next.js 实施)
  • 银行客户:安全内容实施(Next.js 实施)
  • 家电制造商:海外电商网站 Shopify 改版
  • 汽车制造商:比较内容功能改版(需求定义 + 数据库联动)
  • 汽车制造商客户:二手车网站功能改版(设计UI + 标记实现)
  • 日用家庭用品制造商:邮件表单系统革新(Next.js + AES SES)
  • E-learning 系统公司:Web 应用无障碍诊断与咨询

其他构建 + 运营 + 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年

  • 医疗研究所:工作流程数字化(UI/UX设计 + Figma + React Next.js 实现)
  • Web系统公司:设计 + 标记模板开发(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 Web 服务网站构建(设计 + 标记 + WordPress 实现)
  • 家具制造商:网站构建(设计 + 标记 + WordPress 实现)
  • NPO 法人:网站构建(设计 + 标记 + WordPress 实现)
  • 其他:搭建 + 运营 + 落地页制作等多个项目

案例分析