自主概念设计 · 室内设计工作室网站
STILL ISLE STUDIO
繁体中文、英文与日文的室内设计工作室概念网站，通过空间影像、案例浏览、材质细节和清晰的咨询入口呈现品牌。
这是自主制作、概念设计或界面练习，展示可查看的设计与实现；并非客户委托成果，未提供客户营收或转化成效证明。
项目拆解
从页面结构，到实际画面。
ZequnWeb 自主作品，非客户委托；Demo 中的品牌、评价与数据属于展示内容，不代表已核实的客户成果。
完整网站与手机画面
英文 Demo 的桌面与手机长图会自动从顶部展示到底部。可暂停后手动滚动、从头重播，或打开原图。
01 / 页面架构
访客的信息浏览路径
- 01工作室介绍
- 02案例分类
- 03图片画廊
- 04材质
- 05服务
- 06咨询
02 / 视觉设计
深炭灰、暖色中性色与空间摄影呼应室内设计主题，作品图像主导视觉，材质与服务信息形成安静的第二层阅读。
03 / 响应式取舍
作品图像与说明转为纵向排列，画廊控制与咨询草稿保持独立、可识别的入口。
依据现有实现整理的设计分析，不将其表述为客户调研或用户测试记录。
具体实现
技术栈
- Next.js
- React
- TypeScript
- Cloudflare Pages
仅列出现有项目记录或公开脚本可支持的技术；内容架构与 UX 在上方单独说明。
自主概念设计
交付内容与项目结果
概念重点
这个概念展示什么
概念背景
这是室内设计工作室的自主网站概念。空间影像与案例名称用于展示网站设计，并非已核实的完工工程。
改变了什么
网站把空间影像、案例分类、材质细节和服务流程组织成完整的三语体验，并提供方便访客整理需求的咨询草稿。
设计与实现重点
- 繁体中文、英文与日文切换保留当前页面
- 九个空间概念案例支持分类浏览与独立详情页
- 图片画廊支持方向键、Escape 和焦点恢复
- 咨询表单先生成可预览草稿，再由访客选择分享
项目问题
室内设计工作室需要让访客感受到空间美学，同时方便他们了解案例、服务范围和咨询方式。
解决方案
网站以深炭灰、暖米色和自然材质建立视觉风格，结合三语内容、案例分类、图片画廊、服务介绍和咨询入口，让访客从欣赏空间走向具体沟通。
交付内容
- 繁体中文、英文与日文网站
- 案例列表、分类与详情页
- 图片画廊与材质展示
- 服务、团队和联系页面
- 可预览的本地咨询草稿
技术栈
- Next.js
- TypeScript
- 静态导出
- 响应式 AVIF / WebP 图片
业务价值
这个项目说明什么
项目将工作室的视觉表达、作品探索和咨询动作串联起来，让空间设计品牌既有氛围，也有清晰的浏览路径。
从这里开始
想把这个方向做成真实网站？
发我你的公司类型、现有网站或参考网站、目标客户和预算范围。我会先帮你收窄合适范围。