Alistera：未来的办公室，不用框架的网站

我用 HTML、CSS 和 JavaScript 为 Alistera 制作了公开网站，包含平面图、照片和虚拟漫游。简单的基础让内容修改无需单独 npm 构建；互动场景和咨询处理在其上完成各自任务。

对 Alistera 来说，这是合理的工程选择。公开网站 alistera.info 使用 HTML、CSS 和 JavaScript。修改一段文字不需要指定框架、打包器或另行安装依赖。Cloudflare Worker 提供准备好的资源和服务器操作。

“Alistera — 首屏”保留了项目真实的素材与设计。

Alistera — 首屏

归档界面 · 演示数据

简单基础不排斥丰富体验

英语版本在根目录，俄语和阿拉伯语有各自地址。内容展示空间，并帮助访客发起咨询。阿拉伯语支持从右到左；语言改变的是布局行为，而不仅是标签。

网站包含外部 Flatshow 虚拟导览。我把它融入整体体验，但 Flatshow 引擎本身不是我的作品。Alistera 的其他视觉场景，包括 Teamday 的电影化呈现，有各自实现。不能因为访客在一个屏幕上看到一切，就将它们全部归于一个嵌入窗口。

重要的是，精彩素材不能遮住人的任务。人想了解空间：团队坐在哪里，感觉如何，与谁讨论条件。只要虚拟导览能帮助接近答案，它就是有用的。

咨询也有自己的一小段工程生命周期

表单把数据发送给服务器处理器。咨询投递使用 Cloudflare Email，限额与防重复依赖基于 SQLite 的 Durable Object。

为什么不直接把计数器放在函数内存里？因为请求可能由不同实例处理。两个并发咨询很容易都认为自己是第一个。一致存储让限额检查与状态改变成为一次操作。

对访客来说，这只是一个按钮。对团队来说，按钮背后是一个承诺：咨询不应意外重复，也不应仅因浏览器完成了漂亮动画就算已受理。

公开网站与独立产品

把整个体验组装起来：内容结构、视觉呈现、语言、集成与可用的咨询流程。AI 帮助更快准备和验证实现。它也参与选择简单技术栈，尽管 AI 广告通常更爱炫耀增加了多少技术。

“Alistera — 内部版块”保留了项目真实的素材与设计。

Alistera — 内部版块

归档界面 · 演示数据

公开网站介绍空间并引导咨询。Flatshow 作为外部虚拟导览接入，而 Alistera 的游戏和运营工具是独立项目。在这个案例中，我的成果是网站、多语言版本与它们的集成。

Alistera — 联系版块

归档界面 · 演示数据

相关故事：Alistera 运营 CRM · Alistera Game 平台 · Alistera 展架图像。