Houses Of
France · 建筑摄影 · 全球特色住宅与城市摄影
Houses Of 收集全球城市的特色住宅摄影，以地点和照片网格组织内容，并提供城市主题海报。开发者公开介绍 SvelteKit、Directus 和 Swell Commerce 的组合。
点评
Houses Of 是本轮交互叙事最突出的案例之一。它没有把大量建筑照片简单堆成瀑布流，而是让城市、地球探索、照片网格和海报购买形成连续体验；统一的摄影风格让跨国家内容仍然协调。最值得借鉴的是把结构化地理数据转化为具有探索感的内容产品，适合旅行、城市文化和艺术档案网站。WebGL 交互可能增加低端设备负担，需要提供轻量列表作为可靠替代入口。
站点结构
- 建站平台
- Custom/Headless
- 电商平台
- Swell Commerce
- CMS
- Directus
- 框架
- SvelteKit
- 首屏
- 住宅摄影与地理探索
- 导航
- 地图、城市列表、照片网格和海报商店
- 字体
- 大字距字标与编辑式字体
- 图片
- 高一致性的街景和建筑立面摄影
- 版式
- 按城市国家浏览住宅摄影，另提供照片网格和地点海报购买。
- 动效
- 开发者介绍 WebGL 地球、Motion One 和页面过渡，未测运行时性能
- 主色
- #F5F2EC、#1B1B1B、#E2DDD5
- 架构
- SvelteKit + Headless CMS + Headless Commerce