菜单 ＋
MORE SELECTED WORK · 05
塔塔云游记
TATA CLOUD JOURNEY
以云朵收集与星空帐篷探索为核心机制，构建一套充满童趣、想象力与互动叙事感的 H5 视觉体验。
PROJECT OVERVIEW
项目概览
“塔塔云游记”是一套以云朵收集、星空探索和虚拟奖励为核心的互动 H5 设计。项目通过童趣角色、星空场景与剧情对话，引导用户在不同帐篷场景中寻找并收集云朵精灵，完成任务后解锁虚拟手办、星空帐篷和抽奖页面，形成从故事引导、互动探索到奖励反馈的完整体验流程。
- 项目类型
- 视觉传播设计 / 数字视觉叙事
- 项目时间
- 2025.12
- 项目周期
- 2周
- 我的职责
- 视觉设计 / 界面设计 / 互动流程 / H5搭建
- 使用工具
- iH5
WORK INTRODUCTION
作品介绍
“塔塔云游记”以虚拟角色“塔塔”为故事向导，将云朵精灵、星空帐篷、星座线索和虚拟手办等内容串联成一套轻量化互动体验。用户通过点击、滑动和场景选择收集云朵，进入不同角色对应的星空帐篷，并在完成任务后解锁虚拟奖励与抽奖页面。
项目整体采用梦幻紫、云朵蓝与活力金作为主色，结合星空、月亮、帐篷、云朵和卡通角色建立统一视觉风格。项目历时 2 周，使用 iH5 完成页面搭建、跳转逻辑、点击交互和动画设置。
STORY & VISUAL STYLE
故事设定与视觉风格
以“云朵收集”和“星空帐篷”为核心概念，通过梦幻星空、月亮、云朵精灵和卡通角色建立轻松、童趣且富有探索感的视觉世界。
INTERACTION FLOW
互动流程与任务机制
用户通过点击云朵、收集精灵、选择帐篷和寻找星座完成不同任务，逐步推进剧情并解锁虚拟奖励，形成清晰的互动路径与反馈机制。
CHARACTERS & INTERFACES
角色场景与界面设计
通过不同角色、帐篷和星空场景形成连续的故事界面，并使用对话气泡、插画背景和大面积按钮强化阅读层级与互动提示。
REWARDS & FINAL EXPERIENCE
奖励反馈与最终成果
完成互动任务后，用户可解锁虚拟手办展示页面，并进入抽奖环节。奖励机制强化互动完成感，也使整个 H5 形成完整的故事与反馈闭环。
PROJECT SUMMARY
项目总结
本项目通过童趣角色、星空场景与云朵收集机制，完成一套具有故事引导、任务探索和奖励反馈的互动 H5。设计过程中，我将 15 张界面按照故事开场、云朵收集、帐篷探索、星座任务、奖励解锁和抽奖反馈进行组织，使用户能够顺着清晰的互动路径完成整个体验。
在 2 周的制作周期内，我使用 iH5 完成页面搭建、界面跳转、点击反馈和基础动画设置，进一步熟悉了 H5 项目中的信息层级、互动逻辑和移动端页面节奏。