英飞特地图交互网站界面全景,设计效果图

01 诉求

英飞特委托一束创意设计做地图交互网站:把企业网点与区域信息放进可点选的地图界面,让访客按地点查看,而不是只靠文字列表。

页面展示图来自官网案例包主体图。项目年份按合同线索暂记 2025,正式对外年份与「线上数字展厅」是否同一合同,待文企核实。

02 地图界面

主界面是一块可交互地图:区域块可点选,侧栏或浮层给出对应点位信息。图上可见深色底与亮色区块对比,用来区分已选与未选区域。

短片是 12 秒动效:地图与界面元素依次出现,说明交互节奏,不是实拍操作录像。

地图区域点选与信息浮层,设计效果图
地图主界面与导航结构,设计效果图

03 点位与详情

点开具体区域后,界面给出该点的说明模块:名称、简介或相关图片位。版式把地图阅读和详情阅读分开,避免一屏塞满。

部分画面是 3D 或场景化示意,用来辅助理解空间关系;标注为设计效果图,不当作已建成实景。

点位详情模块与地图联动,设计效果图
区域详情与辅助图示,设计效果图
地图交互细节界面,设计效果图

04 交付与应用

交付为地图交互网站的界面与动效方案,案例包内归档主体展示图与 motion 成片。

正式上线地址、后台搭建范围与验收结果,待文企按结单补齐;本页不写未证实的访问数据。

网站界面延展画面,设计效果图
地图交互网站更多界面,设计效果图
地图交互网站收尾画面,设计效果图

把网点信息收进一张能点的地图。

下一个案例丽水文旅纪念礼盒
丽水文旅纪念礼盒城是一片景,景满一座城。