2.7 KiB

Raw Permalink Blame History

菲西尔智能 Landing Page 设计方案

日期: 2026-05-02 项目: fischer-site Landing Page 重新设计状态: 已批准

1. 项目概述

1.1 目标

为上海菲西尔智能科技有限公司重新设计 Landing Page，打造具有差异化、现代化、国际化的企业智能叠加服务 landing page。

1.2 核心定位

品牌定位: AI 赋能者 - "让现有业务系统叠加 AI 能力"
目标受众: 企业决策者(A)、中层管理者(B)、渠道合作伙伴(D)
核心行动: 立即咨询(A) + 预约演示(C)
差异化: 现代、有特色、摆脱传统企业网站沉闷感

2. 设计约束

2.1 技术实现

全新开始，不基于现有 index.html
纯 HTML/CSS/JS 单页面实现
轻量、加载快、易部署

2.2 内容保持

核心业务: AI+物业 / AI+资管 / AI+CRM
品牌名称: 菲西尔智能
联系方式和咨询表单

3. 三个设计方案

方案一: 新锐科技 + 极简留白

参考: Linear + Apple + 高级感

元素	设计规格
背景色	`#0a0a0a` 深黑
文字色	`#ffffff` 纯白
强调色	单一品牌色点缀
标题	超大(clamp 72-96px)、极多留白
动效	克制优雅：淡入、轻微位移、hover 微交互
特点	呼吸感强、品牌色点缀、信任感与未来感并存

方案二: 杂志美学 + 3D 沉浸

参考: The Verge + Spline + WebGL 背景

元素	设计规格
背景色	渐变暗色背景
文字色	亮色文字
卡片	玻璃拟态效果
排版	杂志式大图、编辑感标题、不对称布局
动效	3D 背景、视差滚动、卡片悬浮、粒子/光效
特点	视觉冲击强、现代感足、记忆点突出

方案三: 高端质感 + 电影叙事

参考: 徕卡官网 + 高端品牌 + 叙事性滚动

元素	设计规格
配色	黑白主调 + 胶片颗粒 + 暖色或冷色点缀
排版	故事线驱动、大量图片/视频、慢节奏阅读
动效	缓慢 zoom、交叉溶解、胶片噪点质感
特点	沉浸感强、品牌调性高、差异化显著

4. 通用信息架构

所有方案共享以下信息架构：

Hero Section: 品牌标语 + 核心 CTA
Pain Points: 目标客户的核心痛点
Solutions: 三大解决方案 (物业/资管/CRM)
Approach: 实施方法论
Trust Metrics: 信任背书/数据
Contact: 咨询表单/预约演示

5. 成功标准

三个方案都能在浏览器中正常打开
响应式设计，适配桌面和移动端
CTA 按钮清晰可见
加载速度 < 3秒
无 AI 味的文案表达