数猎天下 DataHunter 官网 Corporate Website · Product & Web Interface Design
面向 B2B 数据软件品牌的官网视觉系统。把企业定位、三条产品线与多行业解决方案，组织为风格统一、层级清晰的多页面官网，让复杂的数据产品信息变得易读、可信、可转化。
概览 · Overview
企业级数据软件官网，覆盖首页、产品页与行业解决方案页的界面设计。负责核心页面的视觉设计、信息层级梳理、页面布局、组件样式与关键模块设计，并保持多页面之间的视觉与结构一致。
品牌与产品 · Brand & Product
一套视觉语言承载三条产品线
DataHunter 是面向政企客户的数据软件品牌，产品线覆盖 BI 分析、数据大屏与数据中台。数据类产品信息密度高、概念偏专业，官网需要在同一套视觉语言下承载多产品、多行业、多层级信息，让专业的数据能力被客户快速理解。
BI 数据分析
自助式数据分析与可视化，面向业务团队的敏捷 BI 能力。
数据可视化大屏
面向指挥与展示场景的大屏可视化与实时数据监控。
数据中台
数据接入、治理与服务的中台底座，支撑上层数据应用。
关键判断
重点不是单个页面好看，而是让一套视觉语言贯穿首页、产品页与行业方案页：用统一的版式节奏、色彩秩序与组件样式，把高密度的数据产品信息组织成清晰的阅读路径。
信息架构 · Information Architecture
从企业定位到产品线与行业方案
信息架构梳理企业定位、三条产品线与多行业方案的层级，形成清晰的导航与页面组织；页面布局以深色品牌主视觉加模块化信息区块，控制节奏与阅读密度。
梳理企业定位、三条产品线与多行业方案的层级，形成清晰的导航与页面组织。
深色品牌主视觉 + 模块化信息区块，控制页面节奏与阅读密度。
统一的产品卡、功能区块、行业标签与按钮样式，覆盖产品价值区、解决方案架构图与品牌区版式，跨页面保持一致。
页面组预览 · Page Gallery
首页、产品线与行业解决方案页面组
六个核心页面构成完整页面组：官网首页、三条产品线页与行业解决方案页。统一的产品卡、功能区块与按钮样式，让各页面在同一套视觉语言下保持一致。点击任意页面放大，可在框内滚动查看完整长图，并左右切换浏览整组页面。
项目沉淀 · Takeaways
可复用的官网视觉系统
项目沉淀为一套可在多页面复用的官网视觉系统：统一的品牌主视觉、模块化信息区块与组件样式，让首页、产品页与行业方案页在同一套语言下保持一致。实际交付物：
- 官网首页视觉
- Data Analytics 产品页
- Data MAX 产品页
- Data Formula 产品页
- 政府行业解决方案页
- 多行业方案模块
- 产品卡 / 功能区块组件
- 解决方案架构图版式
- 页面信息层级规范
方法复用：这套多页面视觉系统同样适用于信息密度高、需要跨页面保持一致的产品官网、后台界面与行业方案页面，也可延伸到数据类产品、SaaS 与企业服务的官网与界面项目。
在线演示 Live项目已上线，可访问 www.datahunter.cn 查看完整在线版本。