← 全部作品 / C09
JD / DADA

京东达达活动 H5

围绕进入活动、了解议程和现场签到,组织连续的移动端页面。

PLATFORM / 平台

移动 H5 / 活动互动

MY ROLE / 职责

UI / 交互与页面组织

PROJECT / 项目性质

项目设计资料与界面展示

C09 / JD / DADA
京东达达活动 H5 / 关键页面 1京东达达活动 H5 / 关键页面 2京东达达活动 H5 / 关键页面 3
移动 H5 / 活动互动UI / INTERACTION
THE DESIGN QUESTION

如何把活动邀请内容和现场签到组织为清晰的移动端路径?

我在项目中负责什么

  • 设计活动邀请、议程、地址与签到页面。
  • 组织加载、主视觉及操作成功反馈。
01
ENTRY

从加载到活动主视觉

2022 年资料中保留了加载、开场和主视觉页面,逐步建立活动识别并引导用户继续浏览。

02
INFORMATION

邀请、议程与地址按任务展开

先说明活动内容,再让参会者查看会议日程和地址。长图与分屏设计分别适合整体阅读和逐步浏览。

根据项目资料整理的阅读路径

  1. 01活动入口
  2. 02阅读邀请
  3. 03查看日程
  4. 04查看地址
  5. 05到场参加
03
CHECK IN

签到要有可识别的结果

2021 年资料包含签到流程画面及活动手机页面,用于补充输入与结果反馈的设计。两个年份单独标注,避免拼成一套不存在的版本。

04
FEEDBACK

手机页面与签到成功反馈

主页面和成功弹窗保持一致的活动视觉,让参与者能确认操作已完成。

DELIVERY & NOTES

让设计,接上交付。

整理两个活动阶段的 H5 设计,分别呈现信息浏览与签到反馈。

内容与素材说明

2021 与 2022 年活动资料分阶段展示。品牌吉祥物、KV 与活动摄影为项目素材;本页聚焦界面及流程呈现。

查看设计资料依据(3)
  • 京东达达2022 0824/psd更新
  • 京东达达/签到.psd
  • 京东达达/手机画面.psd
在完整作品集中查看 · 第 55–59 页
C端 / NEXT PROJECT / C10

席梦思 AI 拍照 H5

返回 C 端作品
项目画面

点击 + 查看细节 · 按 Esc 关闭