Digital Product / 2017

SIA Offer Report

SIA Offer Report 将复杂信息整理为桌面端和移动端都易于浏览的数字页面。

UIResponsiveData
SIA Offer Report desktop mockup
将复杂信息组织成可浏览的页面结构.”

报告类页面通常信息密度高,需要在可信度、阅读效率和转化之间取得平衡。这个项目重点是把内容结构变得更清楚。

我先确定桌面端的信息层级,再将关键模块适配到移动端,通过设备 mockup 和页面截图呈现完整体验。

SIA Offer Report homepage
SIA Offer Report detail

About the project

Approach

Challenge

报告类页面通常信息密度高,需要在可信度、阅读效率和转化之间取得平衡。这个项目重点是把内容结构变得更清楚。

Approach

我先确定桌面端的信息层级,再将关键模块适配到移动端,通过设备 mockup 和页面截图呈现完整体验。

Outcome

最终形成了一组完整的数字产品展示图,可以展示页面结构、响应式思路和信息视觉化能力。

SIA Offer Report visual 0

同时考虑桌面端和移动端展示

用 mockup 展示真实使用场景

SIA Offer Report visual 1
SIA Offer Report visual 2
SIA Offer Report visual 3
SIA Offer Report visual 4

Project notes

最终形成了一组完整的数字产品展示图,可以展示页面结构、响应式思路和信息视觉化能力。

Details

Sector
Digital Product
Role
UI design, responsive layout
Year
2017
Duration
Product page concept
Client
SIA
Discipline
UIResponsiveData

Next

继续浏览作品