Web 应用开发

根据业务需求量身设计,恰到好处的Web应用。

管理后台、申请与审批、搜索、预约、会员功能、企业内部业务工具。
现成的SaaS又稍显不足,但也无需进行大规模定制开发。
Liberogic 将围绕这些业务课题,组合所需的功能,并且只实现必要的部分,负责设计与开发Web应用。

从界面设计、前端、API、数据库、认证,到与外部服务的集成,我们会根据项目的规模、预算和运维体制,与您一起考虑切实可行的架构。

不以技术为前提,而是从业务与运维出发来考虑架构。

Web应用并不需要全部从零开始构建。对于现有服务能够满足的部分加以利用,仅针对需要独自开发的部分进行开发。梳理哪些需要开发、哪些无需开发,也是设计工作的重要组成部分,这是我们的理念。

因项目而异的架构

所需功能、使用人数、安全要求、预算以及运维方式因项目而异。我们不会套用固定的架构,而是根据目标选择合适的技术与服务。

巧妙组合SaaS

身份认证、邮件、存储、CMS等既有服务已能满足需求的部分,我们会积极加以利用。通过将自主开发范围限定在必要部分,可以降低开发周期与运维负担。

考虑上线后的运营

不只是做完就结束,而是要考虑由谁来管理、日志保留到什么程度、故障时如何察觉。
包括维护、监控和更新在内,我们会设计出上线后也不会造成困扰的架构。

Liberogic 能够提供的服务

根据界面原型梳理需求规格

即使已经确定“想做什么”,具体规格往往还不明确。
在这样的阶段,我们会一边制作界面原型和交互原型,一边梳理所需的功能和操作流程。对于仅靠规格书难以看清的部分,我们会通过接近真实使用的界面来逐步确定。

包括后端在内,设计所需的范围

包括数据库、认证、权限、API、文件存储、邮件通知等界面背后所需的机制在内进行设计。
我们会善用 Supabase、Cloudflare 等托管服务,梳理哪些部分自主开发、哪些部分交由外部服务处理,避免架构过于复杂。

开发易用的 Web 应用

这是业务系统,因此我们不认为“能运行就行”。
正因为是每天都会使用的系统,我们会同时从功能和UI两方面出发,设计出易于持续使用的应用程序:包括让用户能够毫不犹豫地操作的界面、清晰的信息架构,以及对 Web 无障碍的考量。

与现有服务和内部工具互联

可与您已在使用的服务进行连接,包括 Slack、Google Workspace、Microsoft 365、Box 以及外部 API 等。
无需全面替换现有业务流程,可以保留现有环境,仅将必要的部分转换为 Web 应用。

设计时的重点

不让运营人员被落下

我们不会只做出开发者才能理解的系统,而是会综合考虑管理后台和权限设计,打造实际运营人员易于使用的形式。

采用日后可灵活调整的架构

Web 应用在上线后也会不断变化。
我们以功能增加和外部服务变更为前提,选择便于维护、易于扩展的架构。

典型案例

我们的服务涵盖从企业内部业务工具到面向客户的服务等各类 Web 应用。

审批流程系统

支持申请、审批、退回、权限管理、历史记录保存等功能,将原本通过纸质或邮件进行的审批业务实现 Web 化。

汇总与进度管理

统一汇总来自多位负责人和各据点的信息。构建管理界面,可实时查看进度与数据。

客户专属页面

提供登录、合同信息、各类申请及历史记录查询等,按客户需求提供所需的信息与功能。

将表格管理转为
Web应用

将原本在Excel或Google表格中管理的业务,转为可进行录入、检索和权限管理的Web应用。

预约、接待与咨询管理

统一管理从表单接收、向负责人发送通知、状态管理到处理记录的全部流程。

内部业务管理

将分散在企业内部的项目、客户、员工、工时及各类状态等信息集中管理。

BtoB SaaS开发

设计并开发面向企业的 Web 服务,包括身份验证、合同与权限管理、管理后台等功能。

匹配服务

构建连接用户之间的机制,包括用户注册、搜索、申请与提交、消息等功能。

门户网站

汇集多项服务与信息,并根据登录用户提供所需的信息与功能。

技术栈及其选用场景

Next.js / React

适用于管理后台、会员网站等操作性要求较高的 Web 应用前端。

TypeScript

从前端到 API 共享类型定义,即使规模扩大也便于维护。

Supabase / PostgreSQL

适用于数据库、身份验证、权限管理、实时处理等应用后端基础设施。

Cloudflare

结合 CDN、WAF、Workers、R2、Access 等服务,作为分发、安全及 API 基础设施加以利用。

Slack / Microsoft Teams / Google Workspace

将通知、审批及与现有业务的协作等,与您日常使用的工具和 Web 应用连接起来。

根据项目需求,也可结合 AWS、SendGrid、Box、microCMS 等服务。

Web 应用开发流程

  • 1
    梳理需求与业务流程

    首先确认当前的业务与课题。
    梳理所需功能、用户、权限以及与现有系统的协作等内容。

  • 2
    细化界面与规格

    在制作线框图和界面原型的同时,具体化操作流程和所需功能。

  • 3
    设计与开发

    实现前端、后端、数据库以及与外部服务的集成。
    根据需要,会在分阶段与您确认的同时推进。

  • 4
    测试・发布・运维

    确认运行状况、安全性、无障碍等项目后发布。发布后也提供维护、监控及功能追加服务。

    如您在业务应用方面有任何困扰,欢迎咨询。

    「能否把这项业务Web化?」
    「现有SaaS稍显不足」
    「想让现有系统更易用一些」

    即使需求尚未明确,也没有问题。
    我们将在了解您当前的业务和课题的同时,与您一起梳理所需的功能与架构。

    Web应用开发交给我们吧

    案例分析