丁赛雅 / UI UX返回作品目录 ↗

官网界面 / 电商视觉 / 兼职实践

让服务容易理解,
让产品清楚呈现。

官网的信息组织与商品视觉设计。
实际作品直接展开,点击图片可放大查看。

智能门锁功能设计稿

官网界面设计

物流服务平台官网

访问上线官网 ↗

围绕平台服务、行业方案与运输流程组织内容,让访客从了解服务到找到具体业务场景。以下为实际上线页面的模块截图,已避开企业标识。

行业解决方案模块 实际上线页面

服务内容的分类

将不同服务方向以图标、标题和简短描述组合,减少初次浏览时的识别成本。

从服务到业务场景

页面进一步展示货源单、司机接单、装货运输、过程跟踪与签收卸货,串起运输任务。

官网中的阅读路径

平台介绍 → 服务与方案 → 业务场景 → 常见问题 → 咨询入口。

智能门锁 / 兼职项目

11 个型号,一套清楚的卖点结构。

保留每个型号的产品、供电方式、尺寸与应用差异,用统一的区域划分承载变化。以下均来自本人提供的无水印设计稿。

版式适配与信息分组

同一信息,适配不同画幅。

在竖向画幅中调整标题、产品与功能区域的比例,保留系列识别;服务信息独立成图,避免与产品参数混在一起。

把服务信息单独讲清楚。

通过图标、数字与短句组织安装、质保、响应及维护信息,形成区别于功能主图的阅读层级。

我的设计范围
商品主图与详情视觉设计、系列型号适配。
本页展示素材
11 款方形功能主图、3 款竖版适配与服务信息图。
详情长图
当前素材包未包含详情长图,本页未以其他作品替代。

电商商品 / 产品视觉

从整体陈列,到材质细节。

以木质场景、整体组合与局部特写组织产品画面,白底图则独立展示商品。这里精选本人提供的修图素材,支持按系列筛选和点击放大。

12味产品组合俯拍修图

先看产品,再看细节。

整体画面呈现组合关系,细节画面补充形态与材质。两类产品保持相近的场景语境,通过组合和构图体现差异。

已有素材
10 味与 12 味产品的原图、修图版本及产品清单。
本页展示
12 张精选修图、2 组原图与修图对照。
设计文件范围
本次资料不包含带排版文案的主图、详情长图与 SKU 成稿。
展示 12 张

原图与修图,对照查看。

保留实际处理前后的画面,切换查看背景、光线与产品呈现。

10 味 · 白底产品图
12 味 · 白底产品图

产品清单还列有 13 味与 16 味,当前未提供对应图像,因此未展示。此处仅呈现产品视觉与修图素材。